/* SOMMAIRE
—— Blocs principaux
—— Entete & menu
—— Listes
—  Styles de une
—— Autour des articles
—— "navigation" des articles
—— Pages
—  Recherche
—  Pied
—  Bloc soutien
*/

:root {
	--noir: #000;
	--blanc: #fff;
	--fond: var(--blanc);
	--texte: #333;
	--liens: #be2e0d;
	--hover: #fa3b0f;
	--accent: #f6e9d9;
	--gris-1: #ddd;
	--gris-2: #ccc;
	--gris-3: #bbb;
	--gris-4: #999;
	--gris-5: #666;
	--apercu: #6b909e;
	--connexion: #245263;
	--connexion-clair: #709cad;
	--sans-serif: helvetica, arial, sans-serif;
	--serif: Georgia, 'Times new roman', serif;
}

/* ancres douces css */
html {
	scroll-behavior: smooth;
}
/* decalage ancres pour bandeau */
:target:before {
	content: "";
	display: block;
	height: 50px;
	margin: -50px 0 0;
}

/* L'admin en bas */
.spip-admin-bloc, .spip-admin-float {
	bottom: 7px !important;
	right: 20px !important;
	top: auto !important;
}

.spip-admin-boutons {
	padding: 0.4em 1em 1em !important;
	border-radius: 0.8em 0.8em 0 0 !important;
	font-weight: 400 !important;
}

/* classes generiques */
.clear { clear: both; }
.sansmarges { margin: 0 !important; }
.sansfilet { border: 0 !important; }
.vide, .cache { display: none; }
.hermetique { overflow: hidden; }
.que_res, .que_tab, .respons { display: none !important; }
.minuscules { text-transform: lowercase; }

.crayon-html { z-index: auto !important; }

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

/* RGB pour le script qui change la couleur de fond au scroll */
body {
	background: rgb(238, 238, 238);
	height: auto !important;
}

#page {
	background: rgb(255, 255, 255);
	padding: 20px 30px 0 30px;
	width: 960px;
	margin: 0 auto 50px auto;
	position: relative;
}

#conteneur {
	padding: 0 5px 0 5px;
	clear: both;
}

#contenu { margin: 15px 0 0 0; }
.categorie-valise #contenu, .variante #contenu { margin: 0; }
.contenu-principal { margin: 0 30px 50px 30px; }
.decale { margin: 0 30px 0 30px; }

/*  ------------------------------------------
/*  entete & menu
/*  ------------------------------------------ */

#entete {
	padding-bottom: 35px;
	position: relative;
}

.variante.page_article #entete, .variante.page_forum #entete { padding-bottom: 25px; }

/* preentete : numero au dessus de l'entete */
.preentete {
	width: 1020px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
	border-bottom: 1px solid #eeeeee;
}

.preentete .zizi {
	float: left;
	margin: 0 10px 0 0;
}

.preentete .zizi .unemensuel {
	display: inline-block;
	height: 40px;
	margin: 7px 5px 0 20px;
	vertical-align: middle;
}

.preentete .zizi .unemensuel a {
	border: 1px solid var(--gris-2);
	display: block;
	opacity: 0.5;
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	/* IE 9 */
	-webkit-transform: rotate(-5deg);
	/* Chrome, Safari, Opera */
}

.preentete:hover .unemensuel a { opacity: 1; }
.preentete:hover .unemensuel a:hover { border: 1px solid var(--liens); }

.preentete .zizi .unemensuel img {
	width: 70px;
	height: auto;
}

.preentete .zizi .dates_auteurs {
	display: inline-block;
	font-size: 1.1em;
	vertical-align: top;
	margin-top: 8px;
	mix-blend-mode: luminosity;
}

.preentete .zizi .dates_auteurs, .preentete .zizi .dates_auteurs a { color: var(--gris-3); }
.preentete:hover .zizi .dates_auteurs { color: var(--texte); }
.preentete:hover .zizi .dates_auteurs a { color: var(--liens); }
.preentete:hover .zizi .dates_auteurs a:hover { color: var(--liens); }

/* boutons abo - dons */
.commerce>a {
	margin: 2px 15px 15px 0;
	background: #dedee2;
	color: var(--texte);
	display: inline-block;
}

/* abos en valeur */
.commerce>a.abo { background: #1e4c77; color: #fff; }
.commerce>a.abo:hover { background: var(--liens); }

.commerce>a:focus {
	background: var(--noir);
	color: var(--blanc);;
}

.commerce>a.dons { }
.commerce>a.dons:hover { }

/* liens éditions préentête */
.editions {
	display: inline-block;
	margin: 0 5px 20px 0;
	font-family: var(--serif);
	color: var(--gris-2);
}

.editions>span { color: var(--texte); }
.editions span.grise { color: var(--gris-4); }

.editions a {
	color: var(--gris-4);
	background: transparent;
	padding: 0;
	margin-left: 2px;
	font-family: var(--serif);
}

.editions a:hover {
	color: var(--liens);
	background: transparent;
}

.preentete.paslaplace { position: relative; }
.preentete.paslaplace .zizi, .preentete.paslaplace .commerce { margin-top: 30px; }

.preentete.paslaplace .editions {
	position: absolute;
	top: 15px;
	right: 0;
	display: block;
	text-align: center;
	margin: 0;
	width: 100%;
}

/* élements de l'entête lui même */
.labyrinthe {
	margin: 5px 0 10px 10px;
	overflow: hidden;
}

.logodiplo, .variante.page_sommaire .logodiplo {
	float: left;
	margin: 15px 0 25px 0;
	width: 520px;
	height: auto;
	overflow: hidden;
}

.page_sommaire .logodiplo {
	margin: 10px 0 20px 0;
	width: 450px;
	/* .: déjà déf dans .logodiplo ? suppr ? */
	height: auto;
	overflow: hidden;
}

.logodiplo a { display: block; }

.logodiplo img {
	width: 100%;
	height: auto;
	filter: brightness(0);
	transition-duration: .3s;
	transition-property: filter;
	-moz-transition-duration: .3s;
	-moz-transition-property: filter;
	-webkit-transition-duration: .3s;
	-webkit-transition-property: filter;
}

.logodiplo:hover img { filter: brightness(1); }

#entete .zizi .unemensuel {
	float: left;
	height: 110px;
	margin: 15px 15px 0 10px;
	overflow: hidden;
}

#entete .zizi .unemensuel a {
	border: 1px solid var(--gris-2);
	display: block;
	opacity: 0.2;
}

#entete:hover .unemensuel a { opacity: 1; }
#entete:hover .unemensuel a:hover { border: 1px solid var(--liens); }

#entete .zizi .unemensuel img {
	width: 150px;
	height: auto;
}

/* recherche */
.services {
	float: right;
	margin: 20px 0 0 0;
}

.services .slogan, .variante.page_sommaire .services .slogan {
	float: none;
	padding: 15px 0 0 0;
	display: block;
	clear: both;
	text-align: right;
	font-family: var(--serif);
	font-style: italic;
}
.bouton_menu {display: none;}

.page_sommaire .services .slogan {
	padding: 27px 0 0 0;
	font-size: 1.2em;
}

.services .slogan a { color: var(--texte); }
.services .slogan a:hover { color: var(--liens); }
.formulaire_recherche label { display: none; }
.services #search { float: right; }
.formulaire_recherche * { vertical-align: top; }
.formulaire_recherche label { display: none; }
.texte .formulaire_recherche { margin: 1.2em 0 1.5em 3em; }

.formulaire_recherche input.text {
	background: var(--blanc);;
	padding: 6px 5px 5px 5px;
	margin: 0;
	width: 350px;
	border: 1px solid var(--gris-3);
	border-right: 0;
	font-family: var(--serif);
	line-height: 1.31em;
	font-size: 1.1em;
}

.services .formulaire_recherche input.text, .variante.page_sommaire .formulaire_recherche input.text {
	width: 250px;
	transition-duration: .5s;
	transition-property: width, background;
	-moz-transition-duration: .5s;
	-moz-transition-property: width, background;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: width, background;
}

.texte .formulaire_recherche input.text { font-size: 0.7em; }

.formulaire_recherche input.text:focus, .page_recherche .formulaire_recherche input.text {
	background: var(--accent);
	width: 350px;
	border: 1px solid var(--accent);
	color: var(--noir);
}

.page_sommaire .formulaire_recherche input.text { width: 350px; }

.page_recherche .formulaire_recherche input.text {
	font-weight: 700;
	width: 350px;
}

.formulaire_recherche input.submit {
	border: 0;
	color: transparent;
	background: url('images/loupe.svg') no-repeat center center var(--texte);
	background-size: 75%;
	width: 36px;
	height: 36px;
	margin: 0;
	border-radius: 0;
	transition-duration: .4s;
	transition-property: background;
	-moz-transition-duration: .4s;
	-moz-transition-property: background;
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background;
}

.formulaire_recherche input.submit:hover {
	color: transparent;
	background-color: var(--liens);
	cursor: pointer;
}

.formulaire_recherche input.submit:active {
	color: transparent;
	background: url('images/loupe.png') no-repeat center center #ee0000;
	cursor: pointer;
}

/* dans la page recherche */
h1.toujourslarge { max-width: 100% !important; }
h1.enforme { margin: -5px 0 8px 0; }

h1 input.recherche_modifiable {
	border: 1px solid var(--blanc);
	border-right: 0;
	font-family: var(--serif);
	width: calc(100% - 75px);
	margin-left: -8px;
}

h1:hover input.recherche_modifiable {
	border: 1px solid var(--gris-3);
	/* .: suppr : déjà défini sans hover ? */
	border-right: 0;
}

h1 input.recherche_modifiable:focus { border: 1px solid var(--accent); }

h1 .formulaire_recherche input.submit {
	width: 83px;
	height: 83px;
	background-color: transparent;
	opacity: 0.2;
	filter: brightness(0);
	transition-duration: .4s;
	transition-property: opacity, background;
	-moz-transition-duration: .4s;
	-moz-transition-property: opacity, background;
	-webkit-transition-duration: .4s;
	-webkit-transition-property: opacity, background;
}

h1:hover .formulaire_recherche input.submit, h1 .formulaire_recherche input.submit.visible {
	background-color: var(--texte);
	opacity: 1;
	filter: brightness(1);
}

h1 .formulaire_recherche input.submit:hover {
	background-color: var(--liens);
	opacity: 1;
	filter: brightness(1);
}

/* menu */
ul#menu {
	display: flex;
	margin: 0;
	font-size: 1.1em;
	border-top: 1px dashed var(--gris-2);
	border-bottom: 1px dashed var(--gris-2);
	font-variant: small-caps;
	text-transform: lowercase;
}

ul#menu:hover {
	border-top: 1px solid var(--accent);
	border-bottom: 1px solid var(--accent);
}

ul#menu li {
	margin: -1px 0;
	display: flex;
	flex-grow: 4;
}

ul#menu li.sousgroupe a { border-left: 1px solid var(--blanc);; }
#entete:hover ul#menu li.sousgroupe a { border-left: 1px solid var(--accent); }

ul#menu li a {
	color: var(--texte);
	display: block;
	padding: 8px 0 12px 0;
	white-space: nowrap;
	flex-grow: 1;
	text-align: center;
	transition-duration: .3s;
	transition-property: background-color;
	-moz-transition-duration: .3s;
	-moz-transition-property: background-color;
	-webkit-transition-duration: .3s;
	-webkit-transition-property: background-color;
}

ul#menu li:first-child {
	flex-grow: 3;
	flex-basis: 20px;
}

ul#menu li a#entree-accueil {
	color: transparent;
	background-image: url(images/home.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	width: 20px;
}

ul#menu li a#entree-accueil:hover, #entete:hover ul#menu li a#entree-accueil:hover {
	color: transparent;
	background-color: var(--accent);
}

ul#menu li a:hover, #entete:hover ul#menu li a:hover {
	color: var(--noir);
	background-color: var(--accent);
}

/*  ------------------------------------------
/* 	Références valises & dossiers
/*  ------------------------------------------ */


.ps.listarchives {
	border: 1px solid var(--gris-2);
	padding: 50px 50px 20px;
	margin: 50px 0 50px 70px;
	clear: both;
}

.ps.listarchives hr { border-top: 1px dashed var(--gris-2); }

.ps.listarchives blockquote {
	text-align: left;
	font-family: var(--serif);
	font-size: 1.1em;
	margin: 0 0 45px 0;
	padding: 0;
	overflow: hidden;
}

.ps.listarchives blockquote p { margin: 0; }

.ps ul:last-child li:last-child {
	margin-bottom: 5px;
	border: 0;
	padding: 0;
}

.listarchives.liste.large h3 {
	font-family: var(--sans-serif);
	font-weight: 700;
}

.ps.listarchives.speciale {
	border: 0;
	padding: 0;
	margin-top: 50px;
}
.listarchives.liste.large.speciale li a {
	display: grid;
	grid-template-columns: 1fr 2fr;
}
.listarchives.liste.large.speciale li a .logo {
	border: 0;
	display: block;
	float: none;
	margin: 6px 20px 15px 0;
	max-height: none;
	overflow: auto;
	background: none;
}
.listarchives.liste.large.speciale li a .logo .fond {
	background: var(--liens);
}
.listarchives.liste.large.speciale li a .intro {
	margin: 0;
}

.listarchives.liste.large h3.spip {
	margin: 2.5em 0 1.5em 0;
	font-size: 2.2em;
	font-weight: 100;
	text-transform: uppercase;
	font-style: normal;
	text-align: left;
}

.listarchives.liste.large h3 i::before { content: «; }
.listarchives.liste.large h3 i::after { content: »; }

.ps.listarchives.liste.large h3.spip {
	margin: 2.2em 0 1.2em 0;
	font-size: 2em;
	/* .: suppr ? déjà défini dans .listarchives.liste.large h3.spip */

	font-weight: 100;
	text-transform: uppercase;
}

.ps.listarchives.liste.large h3.spip:first-of-type { margin: 0 0 1.2em 0; }
.listarchives.liste.large h3.spip strong { font-weight: 800; }

.listarchives.liste.large h2.danslemd {
	font-weight: 800;
	margin: 0 0 45px 0;
	text-transform: none;
}

.listarchives.liste.large ul.spip li strong:first-child {
	font-size: 1.1em;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 3px;
}

.listarchives.liste.large ul.spip li strong:first-child a {
	font-size: 1.2em;
	font-weight: 700;
}

.article_dossier .texte {
	margin: 30px 0 20px 0;
	font-family: var(--serif);
}

.article_dossier .texte p { margin: 0.8em 0 0.8em 0; }
.article_dossier .surtitre { font-size: 1.8em; }
.article_dossier .listarchives.liste.large p, .article_dossier .listarchives.liste.large figcaption { font-size: 1.15em; }

.article_dossier .listarchives.liste.large p {
	margin: 2em 0;
	line-height: 1.35em;
}

.dansdossier ul.liste.double { margin-top: 15px; }
.dansdossier ul.liste.double>li h4 { font-size: 1.2em; }

.dansdossier ul.liste.double>li h4 span.dates_auteurs {
	font-weight: 400;
	font-size: 1em;
}

.dansdossier ul.liste.double>li { margin: 8px 0; }

.dansdossier ul.liste.double>li>a {
	padding: 0 0 10px 0;
	margin: 0 15px 0 0;
}

.dansdossier ul.liste.double li.droite a { margin: 0 0 0 15px; }

.dansdossier ul.liste.double>li:last-child a {
	border: 0;
	padding: 0;
}

.listarchives.liste.large { font-size: 1.2em; }
.listarchives.liste.large ul li a.item { font-size: 0.83em; }

blockquote.listarchives.liste.large {
	font-size: 0.95em;
	font-weight: 400;
}

blockquote.listarchives.liste.large ul {
	margin: 0;
	padding: 0;
}

blockquote.listarchives.liste.large li {
	list-style: none;
	margin: 25px 0;
	padding: 0 0 15px;
}

.listarchives .promav {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}

.listarchives .promav .couvmav {
	width: 138px;
	margin: 6px 20px 15px 0;
}

.listarchives .promav .dispo { font-size: 1em; }
.listarchives .promav h3 { font-size: 1.5em; }

.listarchives .promav .dates_auteurs {
	font-size: 1em;
	margin: 0;
}

.listarchives .promav a .intro, .listarchives .promav .intro {
	font-size: 1em;
	margin-top: 5px;
}

/* surlignement "on" des rubriques */
.categorie-numero #entree-numero, .categorie-archives #entree-archives, .categorie-mav #entree-mav, .categorie-valise #entree-valise, .categorie-blogs #entree-blogs, .categorie-cartes #entree-cartes, .composition_cartes #entree-cartes, .categorie-apropos #entree-apropos, .variante #entree-blogs, .categorie_publication #entree-publi, .categorie_apropos #entree-apropos, .categorie-publication #entree-publi, .composition_livres #entree-livres, .categorie-livres #entree-livres, .categorie-audio #entree-audio, .categorie-agenda #entree-agenda, .page_agenda #entree-agenda { background: #dedee2; }

/* fil d'ariane sous le menu */
.ariane {
	font-size: 1.4em;
	-moz-font-feature-settings: 'c2sc';
	-webkit-font-feature-settings: 'c2sc';
	-ms-font-feature-settings: 'c2sc';
	font-feature-settings: 'c2sc';
	position: relative;
	padding: 10px 0 14px 35px;
	color: var(--gris-3);
}

.ariane:hover {
	background: #dedee2;
	color: var(--texte);
}

.ariane a.absotrick {
	display: block;
	padding: 10px 0 12px 0;
	color: transparent;
	transition-duration: .3s;
	transition-property: background;
	-moz-transition-duration: .3s;
	-moz-transition-property: background;
	-webkit-transition-duration: .3s;
	-webkit-transition-property: background;
	position: absolute;
	width: 950px;
	top: 0;
	left: 0;
	z-index: 1;
}

.fil a, .fil span {
	z-index: 2;
	position: relative;
}

.ariane a.filin, .ariane span, .ariane a.secondfil {
	color: var(--texte);
	font-weight: 700;
}

.ariane span, .ariane a.secondfil { font-weight: 400; }
.ariane a.filin:hover, .ariane a.secondfil:hover { color: var(--liens); }
.ariane span.cep { color: var(--gris-3); }

.ariane span.cler {
	color: var(--gris-1);
	line-height: 0.5em;
	vertical-align: middle;
}

.ariane:hover a span { color: var(--texte); }
.ariane:hover span.cler { color: var(--gris-3); }
.ariane .lienancres { display: inline-block; }
.ariane .agendate { font-weight: 800; }

#entete .avantapres {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	z-index: 3;
}

#entete .before:hover .connexe, #entete .after:hover .connexe {
	width: 800px;
	left: -880px;
}

.avantapres a.fleche {
	float: left;
	color: var(--gris-3);
	display: block;
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	padding: 13px 10px 10px 10px;
}

.avantapres .after a.fleche {
	float: right;
	padding: 13px 20px 10px 0px;
}

.avantapres a.fleche:hover { color: var(--texte); }

.avantapres .connexe {
	display: none;
	position: absolute;
	left: 0;
	padding: 10px 0 8px 35px;
	background: #dedee2;
	color: var(--gris-4);
}

.avantapres .connexe a {
	display: inline;
	color: var(--texte);
	padding: 0;
	font-family: var(--serif);
}

.avantapres .connexe a:hover { color: var(--liens); }
.before:hover .connexe, .after:hover .connexe { display: block; }

.ariane .logo {
	float: left;
	width: 55px;
	margin: 0 15px 5px 0;
	transform: rotate(-5deg);
}

.ariane .logo.son {
	margin: 0 10px 5px 0;
	transform: none;
}

.page_mav .ariane { display: none; }

/*  ------------------------------------------
/* 	Listes
/*  ------------------------------------------ */

.liste.large { margin: 0 70px 20px 70px; }
.liste.flotte { margin: 0 0 50px 0; }

.liste li, li.seul, .texte .liste li {
	border-bottom: 1px dashed var(--gris-2);
	margin: 25px 0 25px 0;
	padding: 0 0 20px 0;
}
.liste li:last-child, .texte .liste li:last-child {
	border-bottom: 0;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
}

.liste.large li { overflow: hidden; }
li.seul { padding: 0 0 20px 0; }
.liste ol li { border-bottom: 0; }

.liste li>a {
	display: block;
	overflow: hidden;
}

.liste ul.spip li>a {
	display: inline;
	overflow: inherit;
}

.liste li a h3, .liste li a h4 { color: var(--texte); }
.liste li a:hover h3, .liste li a:hover h4 { color: var(--liens); }

.liste li h3 {
	font-size: 1.7em;
	line-height: 1.2em;
}

.liste.large li h3 {
	font-family: var(--serif);
	font-weight: 400;
}

.liste li a .dispo {
	color: var(--liens);
	font-size: 1.2em;
}

.liste li .titraille {
	margin: 0 0 6px 0;
	overflow: hidden;
}

.liste li .logo {
	margin: 5px 15px 6px 0;
	float: left;
	border: 1px solid var(--gris-4);
}

.liste li a .logo {
	display: block;
	background: var(--liens);
	line-height: 0;
}

.liste li a:hover .logo img, .liste li a:hover .logo .sansdoc { mix-blend-mode: luminosity; }

.liste li a .logo.carto {
	margin: 5px 15px 10px 0;
	/* .: suppr ? redondant avec .liste li a .logo */
	display: block;
	background: var(--liens);
	line-height: 0;
	/* .: suppr ? redondant avec .liste li .logo */
	float: left;
	border: 1px solid var(--gris-4);
}

.texte ul.liste {
	font-size: 0.7em;
}
.texte blockquote ul.liste {
	margin: 0;
	padding: 0;
}
.texte blockquote ul.liste {
	margin: 0;
	padding: 0;
}
.texte ul.liste li h3 {
	margin: 0 0 6px 0;
	font-family: var(--sans-serif);
	font-weight: 700;
}
.texte ul.liste li .intro {
	font-weight: 400;
}

/* .: suppr ? redondant avec .liste li a:hover .logo */
.liste li a:hover .logo.carto { border: 1px solid var(--liens); }
.liste li a:hover .logo.carto img { mix-blend-mode: luminosity; }

.liste.large li a .logo {
	border: 1px solid var(--gris-4);
	display: block;
	float: left;
	margin: 6px 20px 15px 0;
	max-height: 125px;
	overflow: hidden;
}

.liste.large li a:hover .logo { border: 1px solid var(--liens); }
.liste.large li a .logo.entier { max-height: none; }

.liste li .intro, .liste li a .intro {
	border: 0;
	margin: 0 0 6px 0;
	padding: 0 20px 0 0;
	font-size: 1.2em;
	line-height: 1.2em;
	color: var(--texte);
	font-family: var(--sans-serif);
}

.liste.large li .intro { margin: 0 0 6px 160px; }
.liste.large li.livre .intro, .liste.large.livrecherche li .intro { margin: 0 0 6px 110px; }
.liste.large li .intro.sanslogo { margin: 0 0 6px 0; }

/* retouches listes larges : sans logo, plus grandes marges */
[data-couv="sanscouv"] .liste.large { margin: 0 150px 20px 150px; }
[data-couv="sanscouv"] .liste.large li .intro { margin: 0 0 6px 0; }

/* liste large exoblog (une) : grande parge gauche (espace pour mois) */
.liste.large.exoblog, [data-couv="sanscouv"] .liste.large.exoblog { margin: 0 70px 20px 70px; }
.liste.large.exoblog li { margin-left: 160px; }
.liste.large.exoblog li:last-child { border: 0; }
.liste.large.exoblog li .intro { margin: 0 0 6px 0; }

.liste.large.exoblog li.sep {
	border: 0;
	margin: 35px 0 25px 0;
}

.liste.large.exoblog li.sep:first-child { display: none; }

.liste.large.exoblog li.sep hr {
	border: 0;
	margin: 0;
}

.liste.large.exoblog li h3 {
	font-family: var(--sans-serif);
	font-weight: 700;
}

.liste.large li.item.mois {
	border: 0;
	margin: 0 0 0 -80px;
	padding: 0;
	float: left;
	width: 200px;
	text-align: right;
}

.liste.large li.item.mois .dates_auteurs {
	font-size: 2em;
	font-weight: 100;
}


.liste li a .texte {
	border: 0;
	margin: 0 0 6px 0;
	padding: 0 20px 0 0;
	color: var(--texte);
}

a .intro .suite, a .texte .suite {
	font-size: 1.15em;
	font-weight: 400;
	line-height: 1em;
	vertical-align: bottom;
}

a:hover .intro .suite, a:hover .intro .suite {
	font-weight: 700;
	color: var(--liens);
}

.pagination {
	font-size: 1.5em;
	color: var(--gris-2);
	margin: 30px 0 50px 0;
	text-align: center;
	font-feature-settings: "onum";
	clear: both;
}

.pagination-items {
	font-size: 1.0em;
}

.pagination.exoblog {
	font-size: 1.8em;
	margin: 50px 70px 50px 230px;
}
.pagination.exoblog .pagination-items {
	font-size: 1.2em;
}
.pagination-items .pagination-item {
	display: inline-block;
	border-left: 1px solid var(--gris-2);
	padding-left: 10px;
	padding-right: 10px;
}
.pagination-items .pagination-item:first-child,
.pagination-items .pagination-item.disabled:first-child + .pagination-item {
	border-left: none;
	margin-left: 0;
}
.pagination-items li:first-child {
	border-right: none;
	padding: 0;
	margin: 0;
}

.pagination-items li.prev a,
.pagination-items li.next a  {
	color: transparent;
	display: inline-block;
	margin-right: -0.2em;
}
.pagination-items li.next a  {
	margin-left: -0.5em;
	margin-right: 0;
}

.pagination-items li.disabled {
	display: none;
}

.pagination .pagination-item.prev a::before {
	content: '←';
	color: #777;
}
.pagination .pagination-item.next a::after {
	content: '→';
	color: #777;
}
.pagination .pagination-item.prev a:hover::before,
.pagination .pagination-item.next a:hover::after {
	color: var(--liens);
}


.pagination .on {
	font-weight: 700;
	color: var(--texte);
}

.pagination a { color: #777777; }
.pagination a:hover { color: var(--liens); }
.pagination.haut { margin: 0 0 25px 0; }

/*  ------------------------------------------
/* 	contenu articles
/*  ------------------------------------------ */

.nombremots {
	text-align: right;
	color: var(--gris-4);
}

.bandeautitre {
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 1.3em;
	font-family: var(--serif);
	display: none;
	z-index: 12;
	background: rgba(255, 255, 255, 0.9);
	overflow: hidden;
}

.bandeautitre span {
	/* color: rgba(255,255,255, 0.9); */
	color: var(--texte);
	margin-left: 10px;
	font-family: var(--sans-serif);
	font-size: 1.2em;
	vertical-align: middle;
}

.bandeautitre a.bandeau {
	padding: 8px 25px 12px 25px;
	display: block;
	color: var(--noir);
	/* background: rgba(255,255,255, 0.9); */
	vertical-align: middle;
}

.bandeautitre:hover a.bandeau { color: var(--blanc);; }
.bandeautitre:hover a.bandeau span { color: var(--blanc); !important; }

.bandeautitre .letitre {
	display: inline-block;
	max-width: 66%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
}

.bandeautitre .logo {
	float: left;
	width: 200px;
	overflow: hidden;
	margin: 6px 20px 0 0;
}

.bandeautitre .logo img {
	width: 100%;
	height: auto;
	filter: brightness(0);
	transition-duration: .3s;
	transition-property: filter;
	-moz-transition-duration: .3s;
	-moz-transition-property: filter;
	-webkit-transition-duration: .3s;
	-webkit-transition-property: filter;
}

.bandeautitre:hover a.bandeau img { filter: brightness(1); }

.bandeautitre .partage {
	background: url(images/partage-bandeau.png) no-repeat 0 0;
	position: absolute;
	top: 10px;
	right: 15px;
	height: 23px;
	width: 24px;
}

.bandeautitre:hover .partage { background: url(images/partage-bandeau.png) no-repeat 0 -23px; }
.bandeautitre:hover .partage:hover { background: url(images/partage-bandeau.png) no-repeat 0 -46px; }

.bandeautitre #bandeau-play {
	color: transparent;
	width: 23px;
	height: 23px;
	border-radius: 0;
	position: absolute;
	top: 13px;
	right: 45px;
	padding: 0;
}

.bandeautitre #bandeau-play svg {
	fill: var(--noir);
	width: 23px;
	height: 23px;
	overflow: hidden;
}

.bandeautitre:hover #bandeau-play svg { fill: white; }

/* player */

/* .bandeautitre button.play_pause {
color: transparent;
width: 23px;
height: 23px;
background: url(images/bandeauboutons.png) no-repeat 0 0;
border-radius: 0;
transition-property: none;
-webkit-transition-property: none;
position: absolute;
top: 13px;
right: 45px;
}

.bandeautitre:hover button.play_pause {
background: url(images/bandeauboutons.png) no-repeat 0 -25px;
}

.bandeautitre button.play_pause.bouton_playing {
background: url(images/bandeauboutons.png) no-repeat -30px 0;
}

.bandeautitre:hover button.play_pause.bouton_playing {
background: url(images/bandeauboutons.png) no-repeat -30px -25px;
} */

.bandeautitre #bandeau-progression-container {
	height: auto;
	transition: all 200ms;
	mix-blend-mode: multiply;
}

.bandeautitre #bandeau-progression {
	height: 0px;
	mix-blend-mode: multiply;
	transition: width 500ms cubic-bezier(0, 0, 0, 1) 0s, height 200ms ease 0s;
}

.bandeautitre #bandeau-progression.bp-active { height: 10px; }

#duration {
	position: absolute;
	top: 0;
	right: 90px;
	font-size: 1em;
	line-height: 2.45em;
	cursor: pointer;
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-ms-font-feature-settings: 'tnum';
}

.bandeautitre:hover #duration { color: var(--blanc) !important; }

/* fin player */

.voiraussi {
	margin: 0 150px 50px 35px;
	border: 1px solid var(--gris-2);
	padding: 35px 50px 30px 50px;
}

.voiraussi.perspective {
	/* .: suppr ? déjà défini dans .voiraussi { margin: 0 150px 50px 35px; } */
	margin-top: 0;
	border: 0;
	background: #eeeeee;
}

.voiraussi.perspective.dessous {
	margin-top: -51px;
	border: 1px solid var(--gris-2);
	border-top: 0;
}

.voiraussi.dossierweb {
	padding: 30px 0 25px 0;
	border: 0;
	border-top: 1px dashed var(--gris-2);
	border-bottom: 1px dashed var(--gris-2);
}

.voiraussi.dossierweb a:hover.enune .voiraussi.dossierweb h2 span.date { color: var(--gris-4); }

.enune .voiraussi.dossierweb {
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	border: 0;
}

.enune .voiraussi.dossierweb a {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.enune .voiraussi.dossierweb .logo {
	margin: 5px 20px 0 0;
	width: 130px;
	border: 0;
}

.enune .voiraussi.dossierweb .logolimite {
	float: left;
	height: 40px;
	overflow: visible;
}

.voiraussi h2, #navigation .voiraussi h2.titrechapo {
	font-size: 2em;
	color: var(--liens);
	line-height: 1.1em;
}

.voiraussi h2.titrechapo, #navigation .voiraussi h2.titrechapo {
	margin: 0 0 5px 0;
	font-weight: 800;
}

.voiraussi h2 span, .rappelsune .voiraussi h2 span {
	font-weight: 400;
	color: var(--texte);
}

.voiraussi h2 span.date, .rappelsune .voiraussi h2 span.date { color: var(--gris-4); }

.voiraussi .chapdoss .intro {
	font-size: 1.45em;
	margin: 0 0 45px 0;
}

.voiraussi ul li { border-bottom: 1px dashed var(--gris-2); }

.voiraussi ul li:last-child {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.voiraussi.perspective ul li { border-bottom-color: var(--gris-4); }
.voiraussi.perspective .dates_auteurs { color: #777; }
.voiraussi li.encadre h3 { font-weight: 400; }
.voiraussi li .logo { margin-top: 3px; }

a.reprismdv {
	font-size: 1.5em;
	color: var(--texte);
	display: block;
	border: 0;
	padding: 0;
	overflow: hidden;
	font-weight: 700;
}

a.reprismdv:hover { color: var(--liens); }

a.reprismdv .logo {
	float: left;
	margin: 2px 15px 10px 0;
	width: 50px;
}

.lesmots span::after {
	content: " •";
	color: var(--gris-2);
}

.lesmots span:last-child::after { content: ""; }

.message_references {
	margin: 50px 0 0 30px;
	padding-top: 20px;
	border-top: 1px dashed #009966;
	font-size: 1.2em;
}

.message_references .reference { font-weight: 700; }

/* carte dans un article */
.carto_in {
	margin: 35px 0 40px 0;
	max-width: 100%;
	background: #fff;
}

.type_Voix-de-faits .carto_in {
	margin: 2.5em 0 2.2em 0;
	/* .: suppr ? déjà défini dans .carto_in */
	max-width: 100%;
}

.carto_in h3, .listarchives.liste.large .carto_in h3 {
	margin: 4px 0 6px 0;
	font-size: 1.1em;
	font-weight: 400;
}

.carto_in a .reprise_mdv {
	color: var(--gris-4);
	font-size: 0.85em;
	margin: 3px 0 0 0;
	line-height: 1.2em;
}

.type_Voix-de-faits .carto_in h3 {
	margin: 4px 0 10px 0;
	font-weight: 800;
	font-size: 1.8em;
}

.type_Voix-de-faits .carto_in .dates_auteurs {
	font-weight: 400;
	margin-bottom: 25px;
}

.carto_in .apercu {
	padding-left: 25px;
	margin-left: 3px;
}

.carto_in .titraille {
	max-width: 91% !important;
	margin: 0 0 0.8em 9%;
}

.listarchives.liste.large .carto_in .titraille {
	/* .: suppr ? déjà défini dans .carto_in .titraille */
	max-width: 91% !important;
	margin: 0 0 0.8em 0;
}

.carto_in.aucentre {
	max-width: 100% !important;
	margin-left: 9%;
}

.carto_in.aucentre.centrecol figure, .carto_in.aucentre.centrecol .titraille {
	width: 650px !important;
	margin: 0 18% 0 9%;
	text-align: center;
}

.carto_in.aucentre.centrecol .titraille h3, .carto_in.aucentre.centrecol .titraille .dates_auteurs {
	max-width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.carto_in .chapocarto {
	font-size: 0.85em;
	line-height: 1.3em;
	font-family: var(--sans-serif);
	margin: 5px 0 0;
}
.texte .carto_in .chapocarto p {
	margin: 0 0 10px 0;
}

.cartoscrollbox {
	margin: 0 0 20px 0;
	position: relative;
}

.cartoscroll {
	max-width: 100%;
	border: 1px solid var(--texte);
	overflow-x: auto;
}

.cartoscroll img {
	max-width: none;
	max-height: 75vh;
	width: auto;
	display: block;
}

.scroll-msg {
	font-size: 0.01em;
	font-style: italic;
	width: 0;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	transition-duration: .5s;
	transition-property: opacity, font-size, width;
	-moz-transition-duration: .5s;
	-moz-transition-property: opacity, font-size, width;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: opacity, font-size, width;
}

.cartoscrollbox:hover .scroll-msg {
	width: 100%;
	font-size: 0.9em;
	opacity: 1;
	padding: 5px 0 10px 0;
}

.traducteur {
	font-size: 1.2em;
	font-style: italic;
	margin: 20px 160px 30px 30px;
}

/*  ------------------------------------------
/* 	"navigation" generale
/*  ------------------------------------------ */

#navigation h2 {
	margin: 30px 0 20px 0;
	font-size: 2.3em;
}

.variante #navigation h2 { font-weight: 800; }

.tousles {
	margin: 20px 0 30px 0;
	text-align: right;
	clear: both;
	overflow: hidden;
}

.tousles a {
	font-family: var(--sans-serif);
	font-size: 2em;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--gris-3);
	display: block;
}

.tousles.mini a { font-size: 1.6em; }

.tousles.filet {
	border-top: 1px dashed var(--gris-2);
	padding-top: 15px;
}

.liste li.tousles { border: 0; }
.liste li.tousles a { font-size: 1.5em; }
.tousles a.gauche { float: left; }
.tousles a:hover { color: var(--liens); }

h3.cat {
	font-family: var(--serif);
	font-weight: 400;
	font-size: 1.8em;
	margin: 0 0 20px 0;
}

/* traductions
---------------------------------------------- */

.trads {
	position: absolute;
	width: 100%;
	text-align: right;
	font-size: 1.4em;
	z-index:1;
}

.trads>a span {
	border: 1px solid var(--gris-2);
	padding: 0 0 2px;
	border-radius: 25px;
	--box-shadow-color: var(--gris-2);
	box-shadow: 0 0 0 var(--box-shadow-color);
	font-variant: small-caps;
	width: 1.2em;
	display: inline-block;
	text-align: center;
}

.trads a { color: var(--texte); }

.trads.deplie>a span {
	background-color: var(--texte);
	color: var(--blanc);
	box-shadow: 0 0 0 3px var(--box-shadow-color);
}

.trads a:hover span {
	color: var(--texte);
	box-shadow: 0 0 0 0;
	background-color: var(--blanc);
}

#traductions {
	margin: 45px 0 0 0;
	font-size: 1.3em;
}

#traductions.enhaut {
	font-size: 0.9em;
	display: none;
	-moz-font-feature-settings: normal;
	-webkit-font-feature-settings: normal;
	-ms-font-feature-settings: normal;
	font-feature-settings: normal;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed var(--gris-2);
	background: rgba(255, 255, 255, 0.9);
}

#traductions h2 {
	font-size: 1.2em;
	margin-bottom: 15px;
}

#traductions.enhaut h2 { display: none; }
#traductions ul li { margin-bottom: 10px; }

#traductions a {
	font-family: var(--serif);
	color: var(--texte);
}

#traductions a:hover { color: var(--liens); }

#traductions span {
	text-transform: uppercase;
	color: var(--gris-4);
	font-family: var(--sans-serif);
	font-size: 0.8em;
	border: 0;
	padding: 0;
	background: none;
}

#traductions a[hreflang]::after { content: ''; }

#traductions .sanssource {
	font-style: italic;
	color: var(--gris-4);
}

#traductions .sanssource a { font-style: normal; }

/*  ------------------------------------------
/* 	"Navigation" d'article
/*  ------------------------------------------ */

.article_carnet #navigation {
	border-top: 0;
	margin-top: 0;
}

.enlarge.zizi {
	margin: 20px 0 0 0;
	overflow: hidden;
}

.enlarge.zizi.recent { margin: 25px 0 0 0; }
.article_cartes #navigation .zizi { border-bottom: 1px solid var(--gris-2); }

.enlarge .unemensuel {
	float: left;
	margin: 0 25px 0 25%;
}

.enlarge.recent .unemensuel {
	margin: 10px 25px 25px 30px;
	display: block;
	width: 180px;
}

.bloc .enlarge .unemensuel { width: inherit; }

.enlarge.vieux .unemensuel {
	width: 100px;
	height: 60px;
}

.enlarge .unemensuel .logo {
	border: 1px solid var(--gris-4);
	line-height: 0;
}

a:hover .enlarge .unemensuel .logo {
	background: var(--liens);
	border: 1px solid var(--liens);
}

a:hover .enlarge .unemensuel img { mix-blend-mode: luminosity; }

.enlarge.zizi .dates_auteurs {
	font-size: 1.8em;
	margin: 0 0 10px 0;
}

.dernieres_trads {
	display: block;
	text-align: center;
	padding: 15px 0 20px;
	border-top: 1px solid var(--gris-4);
	border-bottom: 1px solid var(--gris-2);
}

.dernieres_trads:hover { border-color: var(--liens); }
#navigation .dernieres_trads h2 { margin: 0; }

[data-couv="sanscouv"] .enlarge.zizi .dates_auteurs {
	font-size: 2.2em;
	text-align: center;
	padding: 0 0 10px 0;
}

.enlarge.zizi .dates_auteurs span { color: var(--texte); }
a:hover .enlarge.zizi .dates_auteurs span { color: var(--liens); }

.enlarge.zizi .descriptif, a .enlarge.zizi .descriptif {
	font-size: 1.3em;
	margin: 3px 0 25px 238px;
	color: var(--texte);
}

[data-couv="sanscouv"] .enlarge.zizi .descriptif,
[data-couv="sanscouv"] a .enlarge.zizi .descriptif { margin-left: 0; }

/* feuilleteuse de nav */
.dunumero {
	clear: both;
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 30px 0 30px 0;
	border-top: 1px solid var(--gris-4);
	border-bottom: 1px solid var(--gris-2);
}

.dunumero.vieux { padding: 20px 0 22px 0; }

.navbillets {
	clear: both;
	overflow: hidden;
	margin: 25px 0 25px 0;
	padding: 0 0 10px 0;
}

#pagescol {
	width: 450px !important;
	border: 1px solid var(--texte) !important;
	display: inline-block;
	margin: 0 !important;
	vertical-align: middle;
}

#pagescol a { width: 225px !important; }

.navart {
	width: 219px;
	display: inline-block;
	font-size: 1.3em;
	color: var(--gris-2);
	margin-top: 30px;
}

.vieux .navart {
	width: 50%;
	margin-top: 0;
}

.navart:hover { color: var(--texte); }

.avant {
	text-align: right;
	margin-right: 30px;
	float: left;
}

.vieux .avant { margin-right: 0; }

.vieux .avant .fleche {
	float: left;
	margin: 20px 10px 0 0;
}

.navart .fleche {
	font-size: 5em;
	display: block;
	clear: both;
	line-height: 0.5em;
	margin: 0 0 20px 0;
	color: var(--gris-3);
}

.navart:hover .fleche { color: var(--texte); }
.navbillets .navart .fleche { font-weight: 700; }

.apres {
	text-align: left;
	margin-left: 30px;
	float: right;
}

.vieux .apres { margin-left: 0; }

.vieux .apres .fleche {
	float: right;
	margin: 20px 0 0 10px;
}

.articleconnexe, a .articleconnexe {
	color: #aaaaaa;
	line-height: 1.3em;
}

.articleconnexe span.titre {
	font-family: var(--serif);
	font-size: 1.2em;
	color: var(--texte);
}

.navbillets .articleconnexe span.titre {
	font-family: var(--sans-serif);
	font-weight: 700;
	/* .: suppr ? déjà défini dans .articleconnexe span.titre */
	font-size: 1.2em;
	color: var(--texte);
}

a:hover .articleconnexe { color: var(--texte); }
a:hover .articleconnexe span.titre { color: var(--liens); }

.vieux .avant .articleconnexe {
	padding-right: 25px;
	border-right: 1px dashed;
}

.vieux .apres .articleconnexe { padding-left: 25px; }

/*  ------------------------------------------
/*  une du site
/*  ------------------------------------------ */

.page_sommaire #conteneur { padding: 0; }

/* pas sur les blogs */
.page_sommaire.variante #conteneur { padding: 0 5px; }

.enune {
	overflow: hidden;
	margin: 0 0 25px 0;
}

.numeros_une { display: none; }

#preview_une .numeros_une {
	display: inline-block;
	position: absolute;
	z-index: 25;
	left: -7px;
	overflow: visible;
	padding: 4px;
	border: 1px solid;
	border-radius: 30px;
	width: auto;
	background: var(--blanc);
}

/* rappelsune : reprise de la une en bas des autres pages */
.rappelsune {
	display: none;
	margin: 45px -5px 50px -5px;
	clear: both;
}

.rappelsune.filet {
	border-top: 1px dashed var(--texte);
	margin-top: 30px;
}

.rappelsune>h2, #navigation .rappelsune>h2 {
	margin-left: 10px;
	mix-blend-mode: luminosity;
}

.rappelsune h2 span { font-weight: 800; }

/* largeur d'un bloc
*/

.cols_1 { width: 160px; }
.cols_2 { width: 320px; }
.cols_3 { width: 480px; }
.cols_4 { width: 640px; }
.cols_4.filet { width: 620px; }
.cols_5 { width: 800px; }
.cols_6 { width: 960px; }
.cols_6.filet { width: 940px; }
.multi ul { overflow: hidden; }
.cols_4>.unarticle .titraille, .cols_4>.unarticle .intro { width: 600px; }

/* multi */
.enune.liste li {
	float: left;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	list-style: none;
}

.enune.liste li.droite { float: right; }

.enune.liste li a {
	margin: 0 10px 15px 10px;
	border-bottom: 1px dashed var(--gris-2);
	padding: 0 0 15px 0;
	display: block;
}

.enune.liste li.bloc li:not(.bloc) { width: 100%; }

.enune.liste li.bloc li:last-child>a, .enune.liste li a.noborder {
	margin: 0 10px 0 10px;
	border: 0;
	padding: 0;
}

.enune.liste li .intro { padding: 0; }

.enune.liste li.filet, .enune.liste li.bloc li:not(.bloc).filet {
	border-top: 1px dashed var(--gris-2);
	border-bottom: 0;
	margin: 28px 10px 30px 10px;
	display: block;
	width: calc(100% - 20px);
}

.enune.liste li.clearleftlarge { clear: left; }

/* titres */
/* .:? pourquoi pas dans typo.css ? */
.bloc h3 a { color: var(--texte); }
.bloc h3 a:hover { color: var(--liens); }

.enune.liste h3, .enune.liste .cols_1 .yalogo h3 {
	font-family: var(--serif);
	font-weight: 400;
}

.enune.liste .yalogo h3 {
	font-family: var(--sans-serif);
	font-weight: 700;
}

.liste .cols_4 h3, .liste .cols_5 h3 {
	font-size: 2.2em;
	line-height: 1.1em;
}

.liste .cols_3 h3 {
	font-size: 2em;
	line-height: 1.1em;
}

.liste .cols_2 h3 { font-size: 1.6em; }

.liste .cols_1 h3 {
	font-size: 1.25em;
	line-height: 1.2em;
}

.enune.liste li .surtitre {
	color: var(--liens);
	text-transform: lowercase;
	margin-top: -5px;
	font-weight: 800;
	font-size: 1.7em;
	line-height: 1em;
}

.enune.liste li .diploen .surtitre,
.enune.liste li .diploen .lieu { color: #3c789a; }

/* descriptifs */
.liste .cols_1 .intro { display: none; }

/* logos */
.yalogo {
	max-width: 100%;
	max-height: 100%;
}

.enune.liste li a .logo { margin: 3px 0 10px 0; }
.enune.liste li a .logo { width: 100%; }

.enune .logo img {
	display: block;
	max-width: 100%;
	height: auto !important;
}

.liste .bloc .titraille {
	margin: 0 0 6px;
	overflow: visible;
}

.liste .cols_1 .logo { display: none; }
.liste .cols_1 .logo.logoforce { display: block; }
.liste .cols_1 .titraille h3 { hyphens: manual; }

/* pour le modele mdv */
.enune.liste li a.unemdv .logo {
	margin: 3px 0 0 0;
	border: 0;
	display: block;
}

.enune.liste li a.unemdv.long .logo {
	margin: 3px 0 10px 0;
	/* .: suppr ? déjà défini dans .enune.liste li a.unemdv .logo */
	border: 0;
	display: block;
}

.sticker_enkiosques {
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 800;
	margin: 15px 0 0;
}

.liste .cols_1 .sticker_enkiosques {
	/* .: suppr ? redéfini plus bas (1em) */
	margin: 10px 0 0;
	/* .: fusion : sélecteur existait déjà plus bas */
	font-size: 1em;
	padding: 4px 6px 3px 6px;
	bottom: inherit;
	top: 148px;
	/* .: suppr ? déjà défini dans .sticker_enkiosques */
	font-weight: 800;
}

.enune.liste li a.unemdv .titraille, .enune.liste li a.unemdv .intro { display: none; }
.enune.liste .cols_1 li a.unemdv .titraille, .enune.liste li a.unemdv.long .titraille, .enune.liste li a.unemdv.long .intro { display: block; }
.enune.liste .cols_1 li a.unemdv .logo { margin: 3px 0 10px 0; }

/* pour le modele mensuel */
.bloc .enlarge.zizi.recent { margin: 0; }

.bloc .unemensuel {
	float: left;
	margin: 8px 20px 10px 0;
}

.bloc .unemensuel .logo {
	max-width: 100%;
	box-sizing: border-box;
}

.bloc.cols_1 .unemensuel, .bloc.cols_2 .unemensuel {
	float: none;
	margin: 0 0 10px 0;
}

.bloc .unemensuel img, .bloc .enlarge.recent .unemensuel img {
	height: auto;
	width: inherit;
	max-width: 100%;
}

/* .: suppr ? déjà défini dans .bloc .unemensuel img */
.bloc .cols_2 .unemensuel img {
	height: auto;
	max-width: 100%;
}

.bloc .cols_3 .unemensuel img {
	width: 180px;
	/* .: suppr ? déjà défini dans .bloc .unemensuel img */
	height: auto;
	max-width: 100%;
}

.bloc .zizi .dates_auteurs {
	font-size: 1.8em;
	line-height: 1em;
	display: block;
	margin: 0 0 10px 0;
}

.bloc .zizi .dates_auteurs strong { color: var(--texte); }
.bloc .zizi a:hover .dates_auteurs strong { color: var(--liens); }

.bloc .cols_1 .zizi .dates_auteurs {
	font-size: 1.3em;
	margin: 0 0 5px 0;
}

.bloc .enlarge.zizi .descriptif, .bloc a .enlarge.zizi .descriptif { margin: 0 0 6px 0; }

.agendaune h4, .liste li .agendaune h4 {
	font-size: 1.1em;
}
.agendaune .dates_auteurs {
	margin: 10px 0 3px;
}

/* tous les blocs */
.unedeux { padding: 0 5px 0 5px; }

.horizon {
	border-top: 1px solid var(--gris-2);
	padding: 30px 0 0 0;
	margin: 15px 0 30px 0;
}

.horizon.enkiosques .zizi .dates_auteurs { display: none; }
.une h2 a { font-weight: 800; }

.argu {
	font-size: 1.25em;
	font-family: var(--serif);
	margin: 0 0 20px 0;
}

.argu.bas { text-align: right; margin-top: 20px;}

.argu strong {
	font-family: var(--sans-serif);
	font-weight: 800;
}

.argu span { color: var(--gris-4); }
.argu span a { color: var(--texte); }
.argu span a:hover { color: var(--liens); }

/* bloc son */
.unedeux .son .loghorizon {
	width: 30%;
	float: right;
	margin: -10px 0 -75px 35px;
}

.unedeux .son .liste.sons::before {
	content: ' ';
	clear: both;
	color: transparent;
	height: 0.1px;
	display: block;
}

.unedeux .son .liste.sons li { margin-top: 0; }

/* bloc suivre */
.suivre .logo {
	display: block;
	margin: 4px 25px 5px 0;
	width: 30%;
	float: left;
}

.suivre .liste.double { overflow: hidden; }

.suivre .liste.double .demi {
	padding: 0 15px 0 0;
	box-sizing: border-box;
	border-right: 1px dashed var(--gris-2);
}

.suivre .liste.double .demi.droite {
	padding: 0 0 0 30px;
	border: 0;
}

.suivre .liste.double li { border: 0; }

.listeliens {
	font-size: 1.4em;
	text-transform: uppercase;
	line-height: 1.4em;
	clear: both;
	color: var(--gris-2);
	margin-bottom: 20px;
}

.listeliens a {
	color: var(--texte);
	font-weight: 800;
}

.listeliens a:hover { color: var(--liens); }

/* bloc blogs */
.horizon.blogs { margin-bottom: 0; }

/* bloc archives */
.archives .liste_vignettes .logo { display: none; }

/* .:? utilité du 2e sélecteur ? */
.archives .bloc_vignette h3, .archives .bloc_vignette a:hover h3 {
	font-family: var(--serif);
	font-weight: normal;
}

/* bloc numero */
.horizon.enkiosques { border-bottom: 1px solid var(--gris-2); }
.une .enlarge.recent { margin-right: 30px; }

/* bloc mav à renommer */
.une .promav {
	border-bottom: 0;
	margin: 0 0 30px 0;
	padding: 0;
}

.une .promav .couvmav { width: 250px; }
.une .promav a .intro { font-size: 1.3em; }

/*  ------------------------------------------
/* 	page numéro
/*  ------------------------------------------ */

h1 span { color: var(--gris-3); }

.infoboite {
	float: right;
	width: 352px;
	margin: 25px 0 5px 30px;
	position: relative;
}

.infoboite .edito {
	margin-top: 30px;
	border-bottom: 0;
}

.infoboite .unite {
	font-size: 1.2em;
	font-family: var(--serif);
	text-align: center;
}

.papiers_hasard {
	font-size: 1.4em;
	margin: 25px 0 30px 0;
}

.papiers_hasard.fat {
	font-size: 1.8em;
	margin: 25px 45px 30px 0;
}

.alaune {
	float: left;
	width: 500px;
	margin: 0 8px 30px 0;
}

.alaune li img {
	max-width: 100% !important;
	height: auto !important;
}

.alaune li h3 { font-weight: 700; }

.alaune li .tige h3 {
	/* .: suppr ? déjà défini dans .alaune li h3 */
	font-weight: 700;
	font-size: 2.2em;
	line-height: 1.1em;
}

.liste li.edito h3, .alaune li.edito h3 {
	font-family: var(--serif);
	font-weight: 400;
	font-size: 2em;
	line-height: 1.1em;
}

.liste li .tige .logo { max-width: 220px; }
.liste li .tige .logo.large { max-width: 600px; }

.liste li .logo.large {
	margin: 12px 0 12px 0;
	float: none;
	border: 0;
}

.liste li a:hover .logo.large { border: 0; }

.liste li a.carto .logo.large
, .liste li a.carto:hover .logo.large {
	display: block;
	box-sizing: border-box;
	border: 1px solid var(--gris-2);
}

.liste li a.carto:hover .logo.large { border: 1px solid var(--liens); }

.liste.double {
	clear: both;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px 40px;
}

.liste.double .solo, .liste.double .insert {
	grid-column: 1 / 3;
}

.liste.double li:last-of-type { border-bottom: 0; }

.liste.double li .logo {
	margin: 12px 0 12px 0;
	float: none;
}

.liste.double li img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
}

.liste.double li .intro { padding: 0; }
.liste.double li h3 { font-weight: 700; }
.liste.double .gauche .lovus { margin-right: 20px; }


ul.liste.double>li {
	clear: none;
	border-bottom: 0;
	padding: 0;
	margin: 10px 0 0 0;
	display: grid;
}
ul.liste.double>li>a {
	border-bottom: 1px dashed var(--gris-2);
	margin: 0;
	padding: 0 0 15px 0;
	display: block;
}
ul.liste.double>li>a.sansfilet {
	border-bottom: 0;
	margin: 0;
	padding: 0;
	display: block;
}
ul.liste.double>li>a.yalogo {
	border-bottom: 0;
	padding: 0;
}

ul.liste.double>li.insert {
	clear: both;
	border-bottom: 1px dashed var(--gris-2);
	border-top: 1px dashed var(--gris-2);
	margin: 25px 0 25px 0;
	padding: 25px 0 0 0;
	display: block;
	grid-column: 1 / 3;
}

ul.liste.double>li a:hover .logo.vignette {
	border-color: var(--liens);
}


.liste li .pages { color: var(--gris-3); }

.liste li .pages span, .liste li .anime span, .anime span {
	color: var(--gris-1);
	vertical-align: middle;
	line-height: 0.5em;
}

.liste li span.inedit {
	color: #e0aa69;
	vertical-align: baseline;
	line-height: 1.1em;
}

.anime, .liste li .anime { color: #2a7ba1; }
a:hover .anime { color: var(--liens); }

.liste li .surtitre, .liste li a .surtitre {
	font-size: 1.3em;
	margin-bottom: 8px;
	color: var(--texte);
}

.pretitre {
	font-family: var(--sans-serif);
	color: var(--gris-4);
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1em;
	margin: 0 0 10px 0;
}

.supp .pretitre {
	/* suppr ? déjà défini dans .pretitre */
	/* font-family: var(--sans-serif); */
	font-weight: 400;
}

.liste.alaune li.chapodoss, .alaune li.sanschapo {
	border-bottom: 0;
	padding-bottom: 0;
	margin: 45px 0 0 0;
}

.alaune li.sanschapo {
	margin: 25px 0 0 0;
	width: 425px;
}

.alaune li.sanschapo h3 { font-size: 1.9em; }
.alaune li.chapodoss.titreseul { margin: 55px 0 0 0; }

.liste li.chapodoss h3 {
	font-weight: 700;
	font-size: 2.2em;
	line-height: 1.1em;
}

.liste li.chapodoss h3 .sep {
	color: var(--gris-2);
	font-weight: 400;
}

.dossiers.liste li.chapodoss .intro {
	font-size: 1.3em;
	line-height: 1.4em;
}

.liste li.chapodoss .logo {
	margin: 6px 20px 12px 0;
	float: left;
	border: 1px solid var(--gris-4);
}

.liste li.chapodoss .logo.large {
	border: 0;
	max-width: 100%;
}

.dossiers.liste li.chapodoss .logo.large {
	margin: 12px 25px 12px 0;
	max-width: 425px;
	width: 48%;
	float: left;
}

.dossier, .dossier.supp {
	clear: both;
	border-bottom: 1px dashed var(--gris-4);
	padding-bottom: 15px;
}

.liste .dossier li {
	border-bottom: 0;
	margin: 0;
	padding: 30px 0 0 0;
}
.liste .dossier li:first-child {
	margin: 25px 0 0 0;
	padding: 0;
}

.liste .dossier li.chapodoss { margin: 25px 0 0 0; }

.liste li ul.voiraussis li {
	border: 0;
	margin: 30px 0 0 0;
	padding: 0;
}

.liste li ul.voiraussis li:before,
.liste .dossier li:before,
.alaune li.sanschapo:before,
.alaune li.sanschapo:after,
.alaune li.chapodoss:after {
	display: inline-block;
	border-left: 1px dashed var(--gris-2);
	content: " ";
	position: absolute;
	height: 1.5em;
	margin: -1.8em 0 0 2em;
}
.alaune li.sanschapo:before {
	margin: -1.5em 0 0 2em;
}
.alaune li.sanschapo:after,
.alaune li.chapodoss:after {
	height: 3em;
	margin: 0 0 0 2em;
}
.liste .dossier li.chapodoss:before,
.alaune li.chapodoss.titreseul:after,
.liste .dossier .chapoencol .demi.gauche li:first-of-type:before {
	content: none;
	display : none;
}

.liste.livres { clear: both; }

.presentoir {
	margin: 0 0 20px 0;
	position: relative;
}

.bouton.numero {
	text-align: center;
	margin: 0 0 40px 0;
}

.presentoir .bouton.numero {
	margin: 0;
	position: absolute;
	bottom: 50px;
	width: 100%;
	display: none;
}

.presentoir:hover .bouton.numero { display: block; }
.blocouvert .bouton.numero { display: none; }

.bouton.numero a {
	font-size: 1.3em;
	padding: 8px 15px 8px 50px;
	border-radius: 20px;
}

.bouton.numero a.lien_feuilleter {
	background: url("images/livreouvert.svg") no-repeat 15px center var(--accent);
	margin-right: 10px;
}

.bouton.numero a.lien_feuilleter:hover, .presentoir:hover .bouton.numero a.lien_feuilleter {
	background: url("images/livreouvert.svg") no-repeat 15px center var(--liens);
	background-size: 25px;
	color: var(--blanc);
}

.bouton.numero a.lien_telecharger {
	background: url("images/telecharger.svg") no-repeat 15px center var(--accent);
	background-size: 25px;
}

.bouton.numero a.lien_telecharger:hover { background: url("images/telecharger.svg") no-repeat 15px center var(--liens); }
.bouton.numero a.lien_telecharger.on { background: url("images/telecharger.svg") no-repeat 15px center var(--noir); color: var(--blanc);}

.bouton.numero a.lien_ecouter {
	background: url("images/son-blanc.svg") no-repeat 15px center var(--accent);
	background-size: 25px;
}

.bouton.numero a.lien_ecouter:hover {
	background: url("images/son-blanc.svg") no-repeat 15px center var(--liens);
	background-size: 25px;
}

.bouton.numero.special a {
	padding: 8px 15px 8px 15px;
}

.rubrique_numero .enlarge {
	margin: 50px 30px 0 30px;
	clear: both;
}

.tetiere {
	margin: 30px 0 0 0;
	background: var(--liens);
	line-height: 0;
}

a:hover .tetiere img { opacity: 0.8; }

h2#leslivres {
	margin: 10px 0 30px 0;
	font-size: 2.5em;
	font-weight: 800;
	text-align: center;
	padding: 0 0 18px 0;
	border-bottom: 1px dashed var(--texte);
}

a h2#leslivres { color: var(--liens); }
a:hover h2#leslivres { border-bottom: 1px solid var(--liens); }

.liste.livres li {
	padding: 0 0 10px 0;
	overflow: hidden;
}

.liste.livres li .logo {
	float: left;
	margin: 3px 15px 10px 0;
	width: 20%;
}

.liste.livres .revues .logo { width: 5%; }

.liste li.catego {
	border: 0;
	margin: 0;
	padding: 0;
}

.liste li.catego h2, #navigation .liste li.catego h2 {
	margin: 0;
	padding: 0;
	color: var(--gris-4);
}

.message_service {
	font-size: 1.3em;
	font-weight: 500;
	border: 2px solid var(--liens);
	color: var(--liens);
	padding: 25px;
	text-align: center;
}

.avantapres.numero {
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.8em;
	clear: both;
	overflow: hidden;
}

.avantapres.numero a { color: var(--gris-2); }
.avantapres.numero a:hover { color: var(--liens); }

/*  ------------------------------------------
/* 	Pages
/*  ------------------------------------------ */

.categorie .logo {
	float: left;
	margin: 2px 20px 10px 0;
}

.baseline {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 30px 0;
	position: relative;
}

.baseline p {
	margin: 0.6em 0;
	clear: left;
}

.baseline .mini { font-size: 0.9em; }
.baseline.minimarge { margin: 0 0 15px 0; }

.baseline.filet {
	border-bottom: 1px solid var(--gris-2);
	padding-bottom: 15px;
}

.baseline.fat { font-size: 1.6em; }

/* Recherches */
#ancres, .associes {
	-moz-font-feature-settings: 'onum';
	-webkit-font-feature-settings: 'onum';
	-ms-font-feature-settings: 'onum';
	font-feature-settings: 'onum';
	margin: 0 0 5px 0;
}

#ancres { margin: 0 0 10px 0; }
.ancres2 { display: none; }
#ancres .ancres2, h2.catego .ancres2 { display: inline; }

.nb_resultats a::before, .associes a::before, .refere {
	color: var(--gris-2);
	content: "/ ";
	font-weight: 400;
}

#ancres .nb_resultats a:first-of-type::before, .associes a:first-of-type::before { content: none; }
h2.arts .arts, h2.carts .carts, h2.livrs .livrs, h2.revus .revus { display: none; }
.resultats_recherche h2.catego { vertical-align: middle; }

.resultats_recherche h2.catego>span {
	font-size: 0.8em;
	vertical-align: 2px;
}

.resultats_recherche h2.catego .nb_resultats a::before {
	color: var(--gris-1);
	content: " ⁕ ";
	font-size: 0.8em;
	vertical-align: 1px;
}

h2.catego .ancres2 { vertical-align: 2px; }

h2.catego .ancres2 a {
	color: var(--gris-4);
	font-size: 0.8em;
}

h2.catego .ancres2 a:hover { color: var(--liens); }
h2.catego:hover .ancres2 a { color: var(--texte); }

h2.catego .ancres2 span {
	color: var(--gris-2);
	font-size: 0.8em;
	display: inline;
	-moz-font-feature-settings: 'onum';
	-webkit-font-feature-settings: 'onum';
	-ms-font-feature-settings: 'onum';
	font-feature-settings: 'onum';
	vertical-align: 2px;
}

h2.catego .ancres2 a:hover span { color: var(--texte); }

/* 	Index
/*  ------------------------------------------ */

table .lettre {
	font-size: 5em;
	font-weight: 800;
	color: var(--liens);
	vertical-align: middle;
	padding: 0 20px 0 30px;
}

.tags table { color: var(--gris-2); }

.tags table td a, .tags table td a:hover {
	background: none;
	border: 0;
	color: var(--texte);
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

.tags table td a:hover { color: var(--liens); }
table #haut { margin: 0 0 30px 0; }

table #haut a {
	font-size: 1.2em;
	border: 0;
	color: var(--texte);
	border-radius: 20px;
	margin: 0 -4px;
	padding: 6px 10px;
	line-height: 1.1em;
	display: inline-block;
	min-width: 0.8em;
}

table #haut a:hover {
	color: var(--blanc);;
	background: var(--liens);
}

td.lesmots {
	padding: 20px 0 20px 0;
	vertical-align: middle;
	line-height: 1.4em;
}

/*  ------------------------------------------
/* 	article cartes et portfolio
/*  ------------------------------------------ */

.logocarto {
	margin: 0 0 40px 0;
	text-align: center;
}

.logocarto h3 {
	margin: 25px 0 5px 0;
	font-size: 1.8em;
	text-align: left;
}

.logocarto .spip_doc_descriptif {
	color: var(--texte);
	font-size: 1.2em;
}

.documents_portfolio {
	border-top: 1px dashed var(--gris-2);
	margin-top: 40px;
}

.documents_portfolio.carto {
	margin-top: 0;
	margin-bottom: 40px;
	border: 0;
}

.documents_portfolio .spip_doc_descriptif { display: none; }
.documents_portfolio.carto .spip_doc_descriptif { display: block; font-size: 0.9em; }
.documents_portfolio.carto li { position: relative; }
.documents_portfolio h2 { margin-top: 0.5em; }
.documents_portfolio.carto h3 { padding-right: 1em; }

.documents_portfolio.carto a.hautdelaffiche {
	display: block;
	position: absolute;
	top: 147px;
	right: 0;
	color: var(--gris-2);
}

.documents_portfolio.carto a.hautdelaffiche:hover { color: var(--liens); }

.documents_portfolio.mp3 .spip_documents {
	text-align: left;
	font-size: 0.8em;
	margin: 0 100px 10px 0;
	border: 0;
}

.apercu_carte {
	position: relative;
	border-bottom: 1px dashed var(--apercu);
	line-height: 0;
	margin: 0 0 15px;
}

.enapercu .zoombox figure {
	height: 300px;
	overflow: hidden;
	border-bottom: 1px dashed var(--apercu);
}

.apercu_carte .apercu, .enapercu .zoombox figure::before {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.25em;
	background: url("images/oeilbleu.png") no-repeat 15px center var(--blanc);;
	padding: 18px 10px 20px 42px;
	border-top-left-radius: 15px;
	font-family: var(--sans-serif);
}

.enapercu .zoombox figure::before {
	color: var(--apercu);
	content: 'Aperçu';
	padding: 8px 0 10px 42px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 1em;
}

.article_carte .enapercu .apercu {
	background-color: var(--blanc);;
	float: right;
	padding: 7px 10px 8px 28px;
	position: absolute;
	right: 0;
}

.horstexte { font-size: 1.3em; }

/*  ------------------------------------------
/* 	page cartes
/*  ------------------------------------------ */

.liste_vignettes.hautcartes { padding: 0 10px 30px 0; grid-template-columns: repeat(2, 1fr); }
.liste_vignettes.bascartes { margin-top: 0; }

.zones .minitags a:nth-child(2), .zones .minitags a:nth-child(6), .zones .minitags a:nth-child(8), .zones .minitags a:nth-child(9) { font-family: var(--sans-serif); }
.souspartie { margin: 15px 0 5px 0; }

.souspartie h3 {
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: 400;
	color: var(--gris-4);
}

/*  ------------------------------------------
/* 	page agenda
/*  ------------------------------------------ */



.page_agenda #contenu .liste li a {
	display: grid;
	grid-template-columns: 1fr 5fr;
	gap: 25px;
	align-items: center;
}

.page_agenda .liste li:last-child {
	border-bottom: 0;
}

.page_agenda .liste li .date,
.page_agenda .liste li .item {
	font-size: 1.3em;
}

.page_agenda .liste li .date {
	font-weight: 800;
}

.page_agenda .liste li a { color: var(--texte); }
.page_agenda .liste li a span { color: var(--gris-2); }
.page_agenda .liste li a:hover,
.page_agenda .liste li a:hover span { color: var(--liens); }
.page_agenda h2 { margin-top: 40px; }

/*  ------------------------------------------
/* 	galerie de "vignettes" (pages mdv, archives par date, cartes...)
/*  ------------------------------------------ */

.liste_vignettes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-top: 40px;
}
.liste_vignettes.large {
	grid-template-columns: repeat(3, 1fr);
}

.texte ul.liste_vignettes {
	margin: 30px 0 20px 0;
	padding: 0;
}

.bloc_vignette, li.bloc_vignette, .texte .bloc_vignette {
	width: 100%;
	list-style-type: none;
}

li.bloc_vignette.pleinelargeur {
	width: 100%;
}

.bloc_vignette .vignette {
	margin: 0 0 10px 0;
	border: 1px solid var(--texte);
	box-sizing: border-box;
	display: block;
}

.bloc_vignette a { display: block; }

.bloc_vignette img {
	width: 100% !important;
	height: auto !important;
	box-sizing: border-box;
	display: block;
}

.eteint .vignette img { opacity: 0.6; }
.eteint h3 { color: var(--gris-3); }
.bloc_vignette a:hover img { mix-blend-mode: luminosity; }
.bloc_vignette a:hover .vignette { background-color: var(--liens); }
.bloc_vignette .vignette img { display: block; }

.pardate.large .bloc_vignette img {
	padding: 4px;
	background: var(--blanc);;
}

.bloc_vignette h3 { font-size: 1.3em; }

.bloc_vignette a h3 {
	color: var(--texte);
	display: block;
	margin: 0 0 4px 0;
}

.bloc_vignette a:hover h3, .pardate .bloc_vignette a:hover .dates_auteurs {
	color: var(--liens);
	font-weight: 700;
}

.texte .bloc_vignette h3 { font-size: 1em; }

.pardate .bloc_vignette .dates_auteurs {
	font-size: 1.4em;
	text-transform: capitalize;
	text-align: center;
}

/* s'il n'y a pas de couv on met un fond de couleur */
[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs {
	padding: 45px 2px;
	color: var(--texte);
	background-color: #eee;
	position: relative;
	overflow: hidden;
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs:hover {
	color: var(--blanc);
	background-color: var(--liens) !important;
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs img {
	position: absolute;
	width: calc(100% + 4px) !important;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	mix-blend-mode: soft-light;
}

.liste_vignettes h2 { display: inline; }

.liste_vignettes .bouton {
	overflow: hidden;
	margin: 0 0 30px 0;
}

.liste_vignettes .bouton a { float: right; }

.liste_vignettes a .intro {
	margin: 6px 0 0 0;
	color: var(--texte);
}

/*  grosse "vignette" avec survol */
.liste_vignettes.mega {
	overflow: hidden;
	margin: 40px 0 40px 0;
}

.liste_vignettes.mega .bloc_vignette {
	float: none;
	width: 100%;
	margin: 0;
	display: inline-block;
}

.liste_vignettes.mega .bloc_vignette .vignette { display: inline-block; }

.liste_vignettes.mega .bloc_vignette img {
	border: 0;
	width: auto !important;
}

.liste_vignettes.mega .bloc_vignette a:hover h3 { font-weight: 400; }

/*  selecteurs d'archives */
.lesarchives {
	font-size: 1.3em;
	margin: 30px 0 30px 0;
	/* font-feature-settings: "onum"; */
}

/* par années */
.lesarchives.annees .bouton {
	display: inline-block;
	margin: 0 5px 0 5px;
}

.selection_archives {
	display: block;
	margin: 15px 0 0 0;
	color: var(--gris-2);
	font-size: 0.9em;
	line-height: 1.4em;
}

.lesarchives.annees>a { color: var(--gris-2); }
.selection_archives a, .lesarchives.annees>a span { color: var(--texte); }
.lesarchives.annees>a:hover, .lesarchives.annees>a:hover span, .selection_archives a:hover { color: var(--liens); }

/* par mois */
.lesarchives.parmois .bouton_archives { margin: 0 0 20px 0; }

.lesarchives .retour {
	color: var(--gris-2);
	display: block;
	margin: 10px 0 0 0;
}

.bouton.retour .bouton_archives {
	position: relative;
	z-index: 0;
}

.lesarchives .lannee { font-weight: 700; }

.date_archives {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0 0 20px 0;
}

/* cacher / montrer (sans js : tout est visible,
avec : juste descriptif avec un "+ d infos"
---------------------------------------------- */

.montre, .revele { display: none; }

/*  ------------------------------------------
/* 	"Navigation"
/*  ------------------------------------------ */

#navigation::before {
	content: " ";
	display: block;
	clear: both;
}

#navigation .horizon h2 {
	font-size: 2em;
	margin: 0 0 20px 0;
}

/* 	aussi utilise en une */
.horizon .liste_vignettes { margin-top: 25px; }

/* 	bloc en kiosques */
#navigation .horizon.enkiosques .dates_auteurs { display: none; }

#navigation .horizon.enkiosques, #navigation .horizon.numero {
	border-bottom: 1px solid var(--gris-2);
	margin-bottom: 30px;
}

/* 	…de pages à deux cols */
.page_carnet .enlarge {
	float: right;
	width: 25%;
	border-top: 1px dashed var(--gris-3);
	margin-top: 35px !important;
	padding-top: 15px;
}

.page_carnet .enlarge h2 {
	font-size: 1.8em;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed var(--gris-4);
	color: var(--gris-4);
	font-weight: 400;
}

/*  ------------------------------------------
/* 	Pied
/*  ------------------------------------------ */

#pied {
	margin: 30px -30px 0 -30px;
	overflow: hidden;
	background: #eeeeee;
	padding: 25px 0 30px 30px;
	clear: both;
}

.petitepage #pied { background: var(--gris-1); }

#pied .finger {
	float: left;
	width: 25%;
	color: var(--gris-3);
}

#pied .finger ul { margin: 0 10px 0 0; }
#pied .finger ul li::before { content: '→'; }
#pied .finger ul li.first::before { content: ''; }

#pied .finger h3 {
	font-size: 1.2em;
	color: var(--texte);
}

#pied a { color: var(--gris-5); }
#pied a:hover { color: var(--liens); }
#pied a:first-child { padding-left: 6px; }

/*  ------------------------------------------
/* 	404
/*  ------------------------------------------ */

.page_404 .cartouche {
	border: 0;
	margin-bottom: 20px;
}

.img404 { margin: 25px 0 0 0; }

/*  ------------------------------------------
/* 	Photoswipe
/*  ------------------------------------------ */

.pswp__bg { opacity: 0.8 !important; }
.pswp__img--placeholder--blank { background: var(--blanc) !important; }

.pswp__ui--fit .pswp__top-bar {
	background-color: transparent !important;
	padding: 5px 3px 0 0;
}

.pswp__button {
	background: rgba(0, 0, 0, 0) url('images/skin-diplo.png') no-repeat 0 0 / 500px 100px !important;
	height: 50px !important;
	width: 50px !important;
}

.pswp__button--zoom {
	background-position: 0 0 !important;
	margin: 0 2px 0 0 !important;
}

.pswp__button--close {
	background-position: -50px 0 !important;
	margin: 0 2px 0 0 !important;
}

.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
	background-color: transparent !important;
	content: "";
	height: 100px !important;
	position: absolute;
	top: 0px !important;
	width: 100px !important;
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
	background: none !important;
	height: 100px !important;
	width: 100px !important;
}

.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
	background: rgba(0, 0, 0, 0) url('images/skin-diplo.png') no-repeat 0 0 / 500px 100px !important;
	height: 100px !important;
	width: 100px !important;
}

.pswp__button--arrow--left::before { background-position: -100px 0 !important; }
.pswp__button--arrow--right::before { background-position: -200px 0 !important; }
.pswp__button--arrow--left::before:hover { background-position: -100px 0 !important; }
.pswp__button--arrow--right::before:hover { background-position: -200px 0 !important; }

.pswp__caption {
	background: transparent !important;
	transition: opacity 333ms;
	-moz-transition: opacity 333ms;
	-webkit-transition: opacity 333ms;
}

.pswp--zoomed-in .pswp__caption { opacity: 0 !important; }

.pswp__caption__center {
	color: var(--blanc) !important;
	font-size: 1em !important;
	line-height: 1.3em !important;
	max-width: 100% !important;
	padding: 15px 0 15px 0 !important;
}

.pswp__caption .titraille {
	padding: 0 15px 0 15px;
	text-stroke: 2px solid var(--texte);
	-webkit-text-stroke: 2px solid var(--texte);
	-moz-text-stroke: 2px solid var(--texte);
}

.pswp__caption h3 {
	font-size: 1.2em;
	margin: 0;
}

.pswp__caption .spip_doc_descriptif {
	font-size: 1em;
	color: var(--blanc);
}

/* 	légende cachee... mais pas dans photoswipe */
.pswp__caption .cache { display: inherit; }

/*  ------------------------------------------
/* 	Colorbox (pour modaux)
/*  ------------------------------------------ */

#cboxLoadedContent {
	border: 0 !important;
}

.box_mediabox[role=dialog] #cboxLoadedContent {
	padding: 25px;
}
.box_modalbox p {
	font-size: 1.2em;
}
.box_modalbox .bouton {
	text-align: center;
}

/*  ------------------------------------------
/* 	A propos
/*  ------------------------------------------ */

.liste li.h2 {
	padding: 0;
	border-bottom: 1px solid var(--gris-2);
}

.liste li.h2 a { line-height: 0; }

.liste li.h2 h2, #navigation .liste li.h2 h2 {
	font-size: 1.8em;
	font-weight: 800;
}

.int li, .texte .int li { list-style: none; }
.int li p { margin: 0.8em 0 0.8em 0; }
.int li.langue { list-style: none; }
.int li a img { float: right; }
.int li.langue h3 { margin: 2em 0 1em 0; }

.texte .int strong {
	font-weight: 800;
	font-variant: small-caps;
}

blockquote.spip.sommaire a { color: inherit; }
blockquote.spip.sommaire a:hover { color: var(--liens); }

/*  ------------------------------------------
/* 	Variante
/*  ------------------------------------------ */

.enlarge { clear: both; }

.variante .ariane, .categorie-valise .ariane {
	padding: 10px 10px 0 0;
	text-align: right;
}

.article_agenda.variante .ariane { text-align: left; }
.variante .ariane:hover, .categorie-valise .ariane:hover { background: transparent; }

.insert .decale { margin: 0; }
.variante.page_sommaire .pagination, .variante.page_rubrique .pagination, .categorie-valise .pagination { margin-top: 30px; }
.variante.page_sommaire .pagination.haut, .variante.page_rubrique .pagination.haut, .categorie-valise .pagination.haut { margin-top: 0; }


.rubriques.blogs .bloc_vignette .vignette { border: 0; }

.texte a.voir_archives {
	display: block;
	padding: 25px 10px 25px 25px;
	margin: 1.5em 0;
	color: var(--texte);
	background: #f8e1c7;
	font-size: 1.2em;
}

.texte a.voir_archives:hover {
	color: var(--blanc);
	background: var(--liens);
}

.texte a.voir_archives img {
	width: 250px;
	float: right;
	margin: -60px 0 10px 15px;
}

/* Player Tinyplayer sur tous les sons mp3 */
.abonnement_podcast { border: 0; }
a.sobre { color: #935445; }
a.sobre:hover { color: --hover }
.page_audio .lesarchives { position: relative; }

.asterisque.apercu {
	font-size: 0.8em;
	position: absolute;
	top: -15px;
	right: 0;
	background-position: 0 12px;
}

.asterisque.apercu a { color: #245268; }
.asterisque.apercu a:hover { color: --hover }

li.date_archives {
	font-size: 2.6em;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: 400;
	margin: 60px 0 0 0;
}

.player_info:focus { outline: 0; }
.liste.sons li { border: 0; }
.liste.sons .intro { margin: 10px 15px 0 0; }

.page_article .audio {
	background: inherit;
	border-radius: inherit;
	border: inherit;
	border-width: inherit;
	font-family: inherit;
	padding: inherit;
}

.page_article .audio,
.page_article blockquote .audio { margin: 10px 0 10px 0; }

.page_audio .meufson {
	width: 280px;
	margin: -20px 0 20px 15px;
}

.page_audio .baseline .bouton {
	margin-top: 15px;
	overflow: inherit;
}

.page_audio .baseline {
	border-bottom: 1px solid var(--gris-2);
	margin-bottom: 25px;
}

.page_audio .baseline .bouton a {
	margin: 12px 10px 15px 0;
	background: #b6d7df;
}

.page_audio .baseline .bouton a:hover {
	color: var(--blanc);
	background: var(--liens);
}

.page_audio .baseline .bouton #tocopy {
	position: absolute;
	left: -10000px;
}

.page_audio .baseline .bouton #tocopy.visible {
	position: relative;
	left: 0;
	width: 100%;
	height: 1.8em;
}

.page_audio .aide_flux { clear: both; }

.page_audio .aide_flux .copie {
	color: #578c99;
	font-weight: 700;
	display: none;
}

.page_audio .aide_flux .laide a { color: #935445; }
.page_audio .aide_flux .laide a:hover { color: --hover }

.page_audio .aide_flux .apps_compatibles {
	margin-top: 5px;
	font-size: 0.8em;
}

.page_audio .baseline .intitule span {
	color: var(--gris-4);
	white-space: pre;
}

.song {
	clear: left;
	display: block;
	margin: 0 0 25px 0;
	position: relative;
}

li .song { margin: 0; }
.song h3 { font-weight: 700; }

.haucouter {
	margin: -20px 0 40px 0;
	display: none;
}

.haucouter .song .intro { display: none; }

.song h3, .texte .song h3 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0 0 4px 0;
	clear: none;
}

.texte .song {
	font-family: var(--sans-serif);
	font-size: 0.8em;
	margin: 1.5em 160px 1.5em 80px;
}

.texte blockquote.spip .song,
.texte .song.sans_marges { margin: 1.5em 0; }

.page_ecouter .song h3 {
	font-size: 2.3em;
	font-family: var(--serif);
	font-weight: 400;
}

.song a h3 {
	color: var(--texte);
	font-family: var(--serif);
	font-weight: 400;
}

.song a:hover h3 { color: var(--liens); }

blockquote .song a h3,
blockquote .song a h3:first-of-type {
	margin-top: 15px;
	font-weight: 400;
}

.song .intro {
	margin: 10px 15px 0 0;
	padding: 0 20px 0 0;
	font-size: 1.2em;
	line-height: 1.2em;
	color: var(--texte);
	font-weight: 400;
	font-family: var(--sans-serif);
}

.song .dates_auteurs { font-size: 1.1em; }
.song .dates_auteurs .nom { color: var(--gris-5); }

.song .sep {
	color: var(--gris-1);
	font-size: 0.9em;
}

.song .dates_auteurs .apercu {
	padding: 0;
	color: transparent;
	width: 16px;
	margin: 0 3px 0 0;
}

.song .tinyplayer .apercu {
	background: none;
	padding: 0;
	margin: 0;
	color: var(--blanc);
}

.tinyplayer {
	display: flex;
	width: 100%;
}

.tinyplayer .audio {
	position: relative;
	margin: 10px 0;
	padding: 0;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.5em;
}

/* couleurs du player par défaut dans une liste */
.tinyplayer .audio,
li .tinyplayer .audio { background: var(--accent); }
li:nth-child(2n) .numero_sans .audio { background: #e7cdb9; }
li:nth-child(3n) .numero_sans .audio { background: #b0c9e8; }
li:nth-child(4n) .numero_sans .audio { background: #d4d6ad; }
li:nth-child(5n) .numero_sans .audio { background: #c7cfd6; }
li:nth-child(6n) .numero_sans .audio { background: #fffbab; }
li:nth-child(7n) .numero_sans .audio { background: #c2d7b2; }

/* couleurs du player par défaut hors liste */
.texte .song:nth-of-type(2n) .numero_sans .audio { background: #e7cdb9; }
.texte .song:nth-of-type(3n) .numero_sans .audio { background: #b0c9e8; }
.texte .song:nth-of-type(4n) .numero_sans .audio { background: #d4d6ad; }
.texte .song:nth-of-type(5n) .numero_sans .audio { background: #c7cfd6; }
.texte .song:nth-of-type(6n) .numero_sans .audio { background: #fffbab; }
.texte .song:nth-of-type(7n) .numero_sans .audio { background: #c2d7b2; }

.tinyplayer .progress_bar {
	position: relative;
	height: 100%;
	width: 100%;
	cursor: default;
}

.tinyplayer .progress_bar .position {
	position: absolute;
	background-color: var(--texte);
	width: 0%;
	height: 100%;
	transition: width 500ms cubic-bezier(0, 0, 0, 1) 0s;
	mix-blend-mode: overlay;
}

.tinyplayer .progress_bar .loading {
	background-color: transparent;
	position: absolute;
	width: 0%;
	height: 100%;
}

.tinyplayer .player_info {
	margin: 2ex 2ex;
	font-size: 1.25rem;
	display: flex;
	align-items: center;
}

.tinyplayer .track { display: none; }

.tinyplayer .icon {
	margin-right: 1ex;
	min-width: 1.5rem;
	flex-basis: 1.5rem;
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.tinyplayer button.play {
	background: transparent;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: none;
	width: 20px;
	height: 20px;
	background-size: 80%;
	margin-right: 1ex;
	min-width: 1.5rem;
	flex-basis: 1.5rem;
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.tinyplayer button.play span {
	display: block;
	position: relative;
	text-indent: -99999px;
	top: auto;
	left: auto;
	height: 20px;
	width: 20px;
	background-size: 80%;
	overflow: hidden;
}

.tinyplayer .ui-icon-play, .ui-icon-pause {
	margin-right: 1ex;
	min-width: 1.5rem;
	flex-basis: 1.5rem;
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.tinyplayer .play .ui-icon-play {
	background: url('images/play.svg') no-repeat center center transparent;
	height: 20px;
	width: 20px;
	background-size: 80%;
}

.tinyplayer .play .ui-icon-pause {
	background: url('images/pause.svg') no-repeat center center transparent;
	height: 20px;
	width: 20px;
	background-size: 80%;
}

.tinyplayer .icon.ui-icon-stop {
	background: url('images/stop.svg') no-repeat center center transparent;
	height: 20px;
	width: 20px;
	background-size: 80%;
}

.tinyplayer .track {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 700;
	text-overflow: ellipsis;
}

.tinyplayer .track a {
	text-decoration: none;
	color: black;
}

.tinyplayer .timer {
	margin: 0ex 1ex;
	white-space: nowrap;
	width: 100%;
	text-align: right;
	font-feature-settings: 'onum';
	-moz-font-feature-settings: 'onum';
	-webkit-font-feature-settings: 'onum';
	-ms-font-feature-settings: 'onum';
}

.tinyplayer .timer .time { display: none; }

.tinyplayer .playing .timer .time {
	display: inline-block;
	min-width: 3em;
}

.tinyplayer .play,
.tinyplayer .stop { cursor: pointer; }

.song a.plus_dinfos {
	color: var(--gris-4);
	border: 1px solid;
	border-radius: 30px;
	margin: 0 2px;
	padding: 0 1px;
	min-width: 15px;
	line-height: 1em;
	text-align: center;
	display: none;
}

.song a.plus_dinfos:hover { color: var(--liens); }
.song a.plus_dinfos .moins { display: none; }
.song a.plus_dinfos.ouvert .moins { display: inline; }
.song a.plus_dinfos.ouvert .plus { display: none; }
.podcast .bouton.ecouter a { background: #f4b5c5; }
.song .apercu { background-size: contain; }
ul.liste.sons li[data-groupe^="Archive"] .song { border: 1px solid #eee; }

.liste.sons li[data-groupe^="Archive"] .surtitre {
	font-size: 2em;
	font-weight: 100;
	line-height: 1em;
	margin-bottom: 15px;
}

ul.liste.sons li[data-groupe^="Archive"] h3 { padding: 12px 5px 0 15px; }
ul.liste.sons li[data-groupe^="Archive"] .dates_auteurs { padding: 0 5px 10px 15px; }

ul.liste.sons li[data-groupe^="Archive"] .intro {
	margin: 5px 15px 0 0;
	padding: 0 5px 10px 15px;
}

.song a.page_ecouter svg { width: 10px; }
.song a.telecharger svg { width: 12px; }
.song a:hover svg * { fill: var(--liens); }
.page_ecouter .song a.page_ecouter { display: none; }

.bouton.ecouter {
	text-align: right;
	display: none;
}

.bouton.ecouter.visibles {
	display: block;
	margin-top: 10px;
}

.enune.liste li a[--data-sit="asuivre"] {
	border: 0;
	padding-bottom: 0;
}

.enune.liste li .song a {
	padding: 0;
	margin: 0;
	border: none;
}

.enune.liste li .song a h3 {
	display: block;
	margin-top: -2px;
}
.enune.liste li.alasuite a {
	font-size: 0.85em;
}

.enune.liste li .song a.plus_dinfos { display: none; }
.enune.liste li .song .intro { margin: 10px 0 6px; }

.enune.liste li .song {
	margin: 0 10px 15px;
	border-bottom: 1px dashed var(--gris-2);
	padding: 0 0 21px;
}

.enune.liste li.bloc li:last-child>.song a { margin: 0; }

.enune.liste li.bloc li:last-child>.song {
	border-bottom: 0;
	padding: 0;
}

.enune.liste li .song .timer { margin: 0; }
.enune.liste li .song .page_ecouter,
.enune.liste li .song .telecharger { display: none; }
.unedeux .tinyplayer .audio { width: 62%; }

.song.podcast .dates_auteurs .nom {
	color: #9c274c;
	font-weight: 800;
}

.song.podcast .dates_auteurs .pucepod { mix-blend-mode: darken; }
.song.podcast .audio { box-shadow: -5px 5px 0 #9c274c; }

.song.podcast .pucepod,
.enune.liste li .song a.pucepod,
.enune.liste li.bloc li:last-child>.song a.pucepod {
	width: 20px;
	float: left;
	margin: 2px 6px 0 0;
}

.alasuite .song.podcast .dates_auteurs {
	display: none;
}

/* Pub */


a.pubarte {
	margin: 30px 0 75px 0;
	display: block;
}

a.pubarte .logo  {
	display: block;
	margin: 0;
}
a.pubarte .logo img  {
	display: block;
}
a.pubarte:hover .logo {
	background-color: var(--liens);
}
a.pubarte:hover .logo img {
	mix-blend-mode: luminosity;
}

a.pubarte h3 {
	font-size: 2.5em;
	font-weight: 900;
	color: #333;
	margin: 0 0 15px 0;
}
a.pubarte:hover h3 {
	color: var(--liens) !important;
}

a.pubarte .textepub {
	font-size: 1.4em;
	color: #333;
}
a.pubarte .textepub .bouton {
	text-align: right;
}
a.pubarte .textepub .bouton span {
	color: #fff;
	background: var(--gris-5);
}
a.pubarte:hover .textepub .bouton span {
	background: var(--liens) !important;
}


/*  ------------------------------------------
/*  RESPONSIVE
/*  ------------------------------------------ */


@media (max-width: 1020px) {
	/* //////////////////////////////////////////////////////////////////////////////////
	Tablette ///////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////*/

	/* decalage ancres pour bandeau */
	:target:before {
		content: "";
		display: block;
		height: 42px;
		margin: -42px 0 0;
	}


	.logodiplo, .page_sommaire .logodiplo, .variante.page_sommaire .logodiplo {
		display: block;
		width: 55%;
		height: auto;
	}

	.logodiplo a.respons { display: block !important; }
	.logodiplo:hover img, .page_sommaire .logodiplo:hover img, .variante.page_sommaire .logodiplo:hover img { margin-top: 0; }

	.preentete, #pied {
		width: auto;
		max-width: 100%;
		margin: 0;
	}

	.preentete .zizi { display: none; }
	.commerce { margin: 0 20px; }
	#entete { padding: 0 30px 20px 30px; }
	.labyrinthe { margin: 8px 0 8px 0; }

	.services {
		max-width: 300px;
		margin-top: 15px;
	}

	.services .slogan, .page_sommaire .services .slogan { padding: 0; }

	.formulaire_recherche {
		text-align: center;
		margin: 0px 0 15px;
	}

	.services .formulaire_recherche input.text, .page_recherche .formulaire_recherche input.text, .formulaire_recherche input.text:focus, .page_recherche .formulaire_recherche input.text { width: 250px; }
	h1 input.recherche_modifiable { width: calc(100% - 65px); }

	h1 .formulaire_recherche input.submit {
		width: 73px;
		height: 73px;
	}

	ul#menu {
		font-size: 1.9vw;
		font-weight: 400;
	}

	ul#menu li { }
	ul#menu li a { padding: 8px 0 10px 0; }

	ul#menu li a#entree-accueil {
		padding: 8px 0 10px 0;
		background-size: 2.2vw;
	}

	.ariane {
		font-size: 1.3em;
		padding: 8px 0 10px 10px;
	}

	.ariane .avantapres { display: none; }

	.ariane a.absotrick {
		width: auto;
		display: none;
	}

	.bouton a, .baseline .bouton a {
		margin-bottom: 15px;
		display: inline-block;
	}

	.editions a { margin-bottom: 0; }
	.editions .pas_res { display: none; }

	#page {
		width: 100%;
		padding: 20px 0 0 0;
		margin: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	#conteneur, .page_sommaire #conteneur, .page_sommaire.variante #conteneur { padding: 0 30px 0 30px; }
	.contenu-principal { margin: 0 0 40px 0; }
	.bandeautitre { font-size: 1.1em; }
	.bandeautitre a.bandeau { padding: 6px 10px 10px 20px; }
	.bandeautitre .letitre { max-width: 50%; }
	.bandeautitre .logo { margin: 3px 15px 0 0; }

	.bandeautitre span {
		color: var(--texte) !important;
		margin-left: 8px;
	}

	.bandeautitre .partage { top: 6px; }
	.bandeautitre button.play_pause { top: 8px; }

	.carto_in.aucentre {
		margin-left: 6%;
	}
	.carto_in .titraille {
		max-width: 94% !important;
		margin: 0px 0px 0.8em 6%;
	}
	.carto_in.aucentre .titraille {
		max-width: 100% !important;
		margin: 0px 0px 0.8em 0;
	}
	.texte .cartoscrollbox { margin: 0 -30px 20px; }
	.texte .cartoscroll { border-width: 1px 0; }

	.cartoscrollbox:hover .scroll-msg {
		margin-left: 20px;
		width: calc(100% - 20px);
	}

	.trads {
		width: calc(100% - 60px);
		font-size: 1.2em;
	}

	#traductions { margin: 40px 0 0 0; }

	.voiraussi {
		margin: 0 0 40px 0;
		padding: 30px;
	}

	.voiraussi.perspective.dessous { margin-top: -41px; }


	/* dossiers */

	.ps.listarchives {
		margin: 0 6% 20px 6%;
		padding: 30px 20px 20px;
	}

	.listarchives.liste.large { font-size: 1.1em; }
	.listarchives.liste.large h3.spip { font-size: 1.9em; }

	/* bas ("nav") articles */
	#pagescol { width: 39% !important; }
	#pagescol a { width: 50% !important; }
	#pagescol a img { width: 100% !important; }

	.navart {
		width: 30%;
		font-size: 1.2em;
	}

	.avant, .apres { margin: 0; }
	.avant .fleche, .avant .articleconnexe { margin: 0 20px 20px 0; }
	.apres .fleche, .apres .articleconnexe { margin: 0 0 20px 20px; }
	.tousles a { font-size: 1.8em; }

	/* listes */
	.liste li .intro, .liste li a .intro {
		font-size: 1.1em;
		padding: 0;
	}


	.liste_vignettes, .liste_vignettes.large { grid-template-columns: repeat(3, 1fr); }

	.liste_vignettes .bouton a {
		font-size: 1.2em;
		padding: 5px 15px 8px;
	}

	.liste_vignettes .bouton a.tlch { padding-left: 35px; }
	.liste.large { margin: 0 0 20px 0; }
	[data-couv="sanscouv"] .liste.large { margin: 0 70px 20px 70px; }

	.documents_portfolio.carto { margin: 0; }

	.documents_portfolio.carto a.hautdelaffiche {
		top: unset;
		bottom: 0;
		right: 0;
		color: var(--gris-2);
	}

	.documents_portfolio.mp3 .spip_documents { margin: 0 15% 10px 6%; }

	/* exoblog */
	.liste.large.exoblog { margin: 0 0 20px 0; }

	.liste.large li.item.mois {
		margin: 0;
		width: 120px;
	}

	.liste.large li.item.mois .dates_auteurs { font-size: 1.8em; }

	.pagination.exoblog {
		font-size: 1.6em;
		margin: 50px 0 50px 160px;
	}

	.texte q.lire_aussi {
		margin: 5px 0 25px 25px;
		width: 40%;
	}

	.texte q.lire_aussi.sanslogo {
		margin: 5px -16% 25px 25px;
		width: calc((100vw - 60px) * 0.4);
	}

	li.gauche .commentaires { margin-right: 10px; }

	.texte a.voir_archives img {
		width: 35%;
		float: right;
		margin: -52px 0 10px 15px;
	}

	/* themes */
	table .lettre { padding: 0 20px 0 0; }
	.tags table td.lesmots a { white-space: normal; }

	/* sommaire */
	.infoboite {
		float: right;
		margin: 25px 0 5px 0;
		padding: 0 0 0 15px;
		width: 40%;
		box-sizing: border-box;
	}

	.alaune {
		float: left;
		margin: 0 0 30px 0;
		padding: 0 15px 0 0;
		width: 60%;
		box-sizing: border-box;
	}

	.alaune li.sanschapo { width: auto; }

	.papiers_hasard.fat {
		font-size: 1.8em;
		margin: 25px 15px 30px 0;
	}

	.rubrique_numero #navigation { margin: 30px 0 0; }

	.bouton.voirjournal a {
		font-size: 1.2em;
		margin: 0 0 15px 0;
		display: inline-block;
	}


	/* une */
	.enune { margin: 0 0 25px 0; }
	.rappelsune { margin: 30px 0 30px 0; }
	.rappelsune h2, #navigation .rappelsune h2 { margin-left: 30px; }
	.enune.liste li.droite { float: left; }
	.cols_1 { width: 33%; }
	.rescol_1 { width: 33% !important; }
	.cols_2 { width: 50%; }
	.rescol_2 { width: 50% !important; }
	.cols_3 { width: 67%; }
	.cols_4, .cols_5, .cols_6 { width: 100%; }
	.rescol_x { width: 100% !important; }

	.enune.liste li.filet, .cols_4.filet, .cols_6.filet {
		width: 97%;
		margin: 0 0 25px 10px;
	}

	.enune .logo img {
		width: 100%;
	}

	.enune.liste li.filet.partout { margin-top: 15px; }
	.enune.liste li.clearleftlarge { clear: none; }
	.que_res, .que_tab { display: initial !important; }
	.liste li.res_spe li { width: 100%; }

	.liste li.res_spe .logo.large {
		float: left;
		margin: 6px 20px 10px 0;
		width: 40%;
	}

	.liste .cols_1 li:first-child .logo { display: block; }

	.enune.liste li.bloc li:last-child a {
		margin: 0 10px 15px;
		padding: 0 0 5px 0;
	}

	.enune.liste li.bloc li:last-child .song a {
		margin: 0;
		padding: 0;
	}

	.bloc .unemensuel img { width: 100%; }

	.sticker_enkiosques {
		font-size: 1.3em;
		margin: 10px 0 0;
	}

	.enune .voiraussi.dossierweb { margin: 0 0 15px 0; }
	.enune .voiraussi.dossierweb .logo { margin: 10px 20px 10px 0; }

	.bloc.rescol_x .enlarge.zizi.recent {
		padding: 0 0 10px 0;
		margin: 0 0 10px;
		border-bottom: 1px dashed var(--gris-2);
	}

	.bloc.rescol_x .enlarge.zizi.recent {
		padding: 0 0 10px 0;
		margin: 0 0 10px;
		border-bottom: 1px dashed var(--gris-2);
	}

	.liste li.res_spe a.unemdv .logo.large { padding: 0; }

	.liste li.res_spe a.unemdv .logo.large {
		width: 35%;
		padding: 0;
		margin: 6px 20px 20px 0;
	}

	.liste li.res_spe a.unemdv.long .logo.large {
		width: 25%;
		height: auto;
	}

	.liste li.res_spe a.unemdv { overflow: initial; }
	.liste li.res_spe a.unemdv .titraille, .liste li.res_spe a.unemdv .intro { display: block; }
	.liste .cols_3 h3 { font-size: 1.8em; }
	.liste .cols_2 h3 { font-size: 1.6em; }
	.liste .rescol_1 h3 { font-size: 1.5em; }
	.liste .cols_1 h3, .liste .rescol_1 .cols_1 h3 { font-size: 1.4em; }
	.liste li .zizi .intro { font-size: 1em; }
	.unedeux { padding: 0; }
	.listeliens { text-align: center; }
	.edinter .argu .logo { width: 20%; }

	.bloc.rescol_x a.enkiosques {
		border-bottom: 1px dashed var(--gris-2) !important;
		margin-bottom: 20px !important;
	}

	.bloc.rescol_x .unemensuel {
		float: left !important;
		width: 35%;
		margin: 0 20px 10px 0 !important;
	}

	.liste li.rescol_x .zizi .intro { font-size: 1.3em; }


	/* pied */
	#pied {
		padding: 30px 0 30px 0;
		margin: 20px 0 0 0;
	}

	#pied .lesliens { padding: 0 0 0 20px; }

	/* page cartes */

	.pswp__caption { background: rgba(0, 0, 0, 0.5) !important; }

	/* divers (petits espaces pages cartes, mav) */
	.section h2 {
		margin-left: 40px;
		margin-right: 40px;
	}

	.section h2.secteur { font-size: 2.2em; }
	.section h2 { font-size: 2em; }
	.premisses ul li:last-child { display: none; }
	.texte.mav div.spip_documents img { box-sizing: border-box; }
	.decale, .res_decale { margin: 0; }
	.logo_revue { margin: 0 0 20px 10px; }
	.soutien { font-size: 0.9em; }
	.sommeil { font-size: 1.1em; }

	a.pubarte h3 { font-size: 2.2em; }


	/* //////////////////////////////////////////////////////////////////////////////////
	Fin tablette ///////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////*/
}

@media (max-width: 755px) {
	/* //////////////////////////////////////////////////////////////////////////////////
	Cas intermediaires… ////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////*/

	/* decalage ancres pour bandeau */
	:target:before {
		content: "";
		display: block;
		height: 40px;
		margin: -40px 0 0;
	}


	.contenu-principal { margin: 0 0 30px 0; }
	#conteneur, .page_sommaire #conteneur, .page_sommaire.variante #conteneur { padding: 0 20px 0 20px; }

	/* entete */
	#entete { padding: 0 20px 30px 20px; }
	#entete .ariane .logo { float: left; }

	.logodiplo, .page_sommaire .logodiplo, .variante.page_sommaire .logodiplo {
		float: none;
		width: 100%;
	}

	.logodiplo, .page_sommaire .logodiplo, .services, .services .slogan {
		margin: 10px auto 20px auto;
		text-align: center;
	}

	.labyrinthe {
		border-bottom: 1px dashed var(--gris-2);
		padding: 0 0 20px 0;
	}

	.services {
		max-width: none;
		float: none;
		text-align: center;
		vertical-align: middle;
	}

	.services .slogan { padding: 0; }

	.services #search {
		float: none;
		display: inline-block;
		width: 70%;
		vertical-align: middle;
	}

	.formulaire_recherche {
		text-align: center;
		margin: 0;
	}

	h1 input.recherche_modifiable { width: calc(100% - 61px); }

	h1 .formulaire_recherche input.submit {
		width: 69px;
		height: 69px;
	}

	.services .formulaire_recherche input.text, .page_recherche .formulaire_recherche input.text, .formulaire_recherche input.text:focus, .page_recherche .formulaire_recherche input.text, .variante.page_sommaire .formulaire_recherche input.text { width: calc(100% - 36px); }
	.page_sommaire .services .slogan { padding: 10px 0 0; }

	.voiraussi {
		margin: 0 0 30px 0;
		padding: 25px;
	}

	.voiraussi.perspective.dessous { margin-top: -31px; }

	/* menu burger */
	a.bouton_menu {
		display: inline-block;
		vertical-align: middle;
		line-height: 0;
		width: 36px;
		height: 36px;
		overflow: hidden;
		margin-right: 12px;
	}

	.no-js a.bouton_menu { display: none; }
	a.bouton_menu img { max-width: 73px !important; }
	a.bouton_menu.on img { margin-left: -38px; }

	ul#menu, #entete:hover ul#menu {
		flex-direction: column;
		border: 0;
		margin: -8px 0 15px 0;
		font-size: 2.5vw;
	}

	.js ul#menu { display: none; }
	ul#menu li { }

	ul#menu li a, ul#menu li a#entree-apropos, ul#menu li a#entree-accueil {
		font-size: 1.6em;
		border-bottom: 1px dashed var(--gris-2);
		padding: 12px;
	}

	ul#menu li a#entree-accueil, ul#menu li a#entree-accueil:hover, #entete:hover ul#menu li a#entree-accueil:hover {
		width: inherit;
		background-image: none;
		color: var(--texte);
	}

	ul#menu li.sousgroupe a, #entete:hover ul#menu li.sousgroupe a { border-left: 0; }
	ul#menu li a:hover, #entete:hover ul#menu li a:hover { border-bottom: 1px dashed var(--accent); }

	/* surlignement "on" des rubriques */
	.categorie-numero #entree-numero, .categorie-archives #entree-archives, .categorie-mav #entree-mav, .categorie-valise #entree-valise, .categorie-blogs #entree-blogs, .categorie-cartes #entree-cartes, .categorie-apropos #entree-apropos, .variante #entree-blogs, .categorie_publication #entree-publi, .categorie_apropos #entree-apropos, .categorie-publication #entree-publi, .categorie-audio #entree-audio { border-bottom: 1px solid #dedee2; }

	/* bandeau-titre */
	.bandeautitre { font-size: 1em; }
	.bandeautitre a.bandeau { padding: 6px 5px 9px 8px; }
	.bandeautitre .letitre { max-width: 70%; }
	.bandeautitre span { vertical-align: text-bottom; }
	.bandeautitre .logo { display: none; }

	.bandeautitre span {
		color: var(--texte) !important;
		margin-left: 5px;
	}

	.bandeautitre .partage {
		top: 5px;
		right: 6px;
	}

	.bandeautitre button.play_pause {
		top: 7px;
		right: 40px;
		padding: 0;
	}

	#duration {
		right: 75px;
		line-height: 2.2em;
	}

	.carto_in.aucentre {
		margin-left: 0;
	}
	.texte .carto_in .titraille { margin: 0 0 0.8em 0; }

	.texte .cartoscrollbox { margin: 0 -20px 20px; }

	.cartoscrollbox:hover .scroll-msg {
		margin-left: 20px;
		width: calc(100% - 20px);
	}

	.trads { width: calc(100% - 40px); }

	/* dossiers */
	.ps.listarchives { margin: 25px 0 20px; }
	.listarchives.liste.large h3.spip { font-size: 1.8em; }

	/* listes */
	.liste li h3 { font-size: 1.5em; }
	h4, .liste li h4 { font-size: 1.4em; }
	.liste li .intro, .liste li a .intro { font-size: 1em; }
	ul.liste.double.perspective { font-size: 1em; }
	.liste .rescol_1 h3 { font-size: 1.4em; }
	.liste .cols_1 h3, .liste .rescol_1 .cols_1 h3 { font-size: 1.25em; }
	.liste .cols_1 li:first-child .logo { display: none; }

	.liste_vignettes, .liste_vignettes.large { margin: 30px 0 0; grid-template-columns: repeat(2, 1fr); }

	.documents_portfolio.mp3 .spip_documents { margin: 0 0 10px 0; }


	/* exoblog */
	.liste.large.exoblog li { margin-left: 0; }

	.liste.large li.item.mois {
		margin: 0 0 0 0px;
		width: 100%;
		float: none;
		text-align: left;
	}

	.liste.large.exoblog li.sep { margin: 0 0 25px 0; }

	.pagination.exoblog {
		font-size: 1.5em;
		margin: 40px 0 30px 0;
	}

	/* blogs */
	.bandorub { margin: -39px -20px 25px; }
	#entete .bandorub { margin: -9px -20px 0; }

	/* une et + */
	.enlarge.zizi .unemensuel {
		height: auto;
		margin: 6px 20px 15px 0;
		max-height: none;
		text-align: center;
	}

	.bloc .enlarge.zizi .unemensuel {
		margin: 6px 20px 15px 0;
		float: none;
	}

	.bloc .enlarge.zizi .unemensuel {
		margin: 6px 20px 15px 0;
		float: none;
	}

	.bloc.cols_2 .enlarge.zizi .unemensuel { margin: 0 0 15px; }
	.enlarge.zizi.vieux .unemensuel { height: 50px; }
	.enlarge.zizi .descriptif, a .enlarge.zizi .descriptif { margin: 0 0 25px 0; }
	.enlarge.zizi.vieux .unemensuel { margin: 6px 20px 0 15px; }
	.enlarge.zizi.vieux .unemensuel img { width: 100%; }
	.unedeux .son .loghorizon { margin: -10px 0 0 5px; }
	.unedeux .tinyplayer .audio { width: 100%; }
	.enune .voiraussi.dossierweb .logolimite { height: auto; }


	/* divers */
	.baseline .bouton { overflow: hidden; }
	.baseline .bouton a.droite { margin: 5px 0 0 20px; }
	.infoboite { padding: 0 0 0 10px; }
	.alaune { padding: 0 10px 0 0; }
	.alaune li .tige h3 { font-size: 2em; }
	.alaune li.sanschapo .tige h3 { font-size: 1.7em; }

	.papiers_hasard {
		font-size: 1.3em;
		margin: 0 0 25px 0;
	}

	.papiers_hasard.fat {
		font-size: 1.7em;
		margin: 0 5px 25px 0;
	}

	a.pubarte h3 { font-size: 2em; }

	/* //////////////////////////////////////////////////////////////////////////////////
	Fin cas intermédiaires //////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////////////////*/
}

@media (max-width: 480px) {
	/* //////////////////////////////////////////////////////////////////////////////////
	Téléphone //////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////*/

	/* on veut pas de crayon en mobile */
	.crayon-icones { display: none !important; }

	#conteneur, .page_sommaire #conteneur, .page_sommaire.variante #conteneur { padding: 0 15px 0 15px; }
	#entete { padding: 0 15px 15px 15px; }

	.labyrinthe {
		margin: 0;
		padding: 0 0 5px 0;
	}

	ul#menu, #entete:hover ul#menu {
		margin-top: 0;
		font-size: 3.5vw;
	}

	.logodiplo, .page_sommaire .logodiplo, .services .slogan, .variante.page_sommaire .logodiplo {
		margin: 10px auto 15px;
		text-align: center;
	}

	.services #search { width: calc(100% - 48px); }
	a.bouton_menu { float: left; }

	.ariane {
		font-size: 1.1em;
		padding: 8px 0 0 0;
	}

	.baseline {
		font-size: 1.2em;
		margin: 0 0 20px 0;
	}

	span.insec::after {
		content: ' ';
		margin-left: -0.25em;
	}

	h1 input.recherche_modifiable { width: calc(100% - 55px); }

	h1 .formulaire_recherche input.submit {
		width: 63px;
		height: 63px;
	}

	/* bandeau-titre */
	.bandeautitre .letitre { max-width: 70%; }
	.bandeautitre span { margin-left: 2px; }
	.bandeautitre #duration { display: none; }


	.trads {
		position: relative;
		width: 100%;
		margin: 10px 0 -10px;
	}

	#traductions.enhaut {
		position: absolute;
		width: 100%;
	}

	.texte .carto_in .titraille { margin: 0 0 0.8em 0; }
	.texte .cartoscrollbox { margin: 0 -15px 20px; }

	.cartoscrollbox:hover .scroll-msg {
		margin-left: 15px;
		width: calc(100% - 15px);
	}

	.trads>a span { box-shadow: none !important; }

	.trads a:hover span {
		background: var(--blanc) !important;
		color: var(--texte) !important;
	}

	.ps.listarchives { padding: 20px 15px 15px; }
	.listarchives.liste.large { font-size: 1em; }

	.listarchives.liste.large h3.spip, .ps.listarchives.liste.large h3.spip {
		font-size: 1.6em;
		margin: 1.5em 0 1em;
	}

	.listarchives.liste.large.speciale li a {
		display: block;
	}
	.listarchives.liste.large.speciale li a .logo {
		border: 0;
		display: block;
		float: none;
		margin: 0 0 15px 0;
	}
	.listarchives.liste.large.speciale li a .intro {
		margin: 0;
	}

	.voiraussi {
		margin: 0 0 30px 0;
		padding: 20px 15px 15px 15px;
	}

	.enlarge.zizi .unemensuel, .enlarge.zizi.vieux .unemensuel {
		height: auto;
		float: none;
		margin: 0 0 15px 0;
		max-height: none;
		text-align: center;
		width: 100%;
	}

	.enlarge.zizi.recent, .enlarge.zizi.vieux { margin: 8px 0 25px 0; }

	.enlarge.zizi .dates_auteurs {
		margin: 0 0 10px 0;
		font-size: 1.6em;
	}

	[data-couv="sanscouv"] .enlarge.zizi .dates_auteurs { font-size: 1.8em; }

	.enlarge.zizi .descriptif, a .enlarge.zizi .descriptif {
		font-size: 1.1em;
		margin: 8px 0 25px 0;
	}

	.enlarge.recent .unemensuel img { width: 100%; }
	.navart .fleche { font-size: 5em; }

	.navart, .avant, .apres, .vieux .navart, .vieux .avant {
		width: auto;
		float: none;
		text-align: center;
		margin: 10px;
	}

	.avant .articleconnexe, .apres .articleconnexe, .vieux .apres .articleconnexe, .vieux .avant .articleconnexe {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.tousles a { font-size: 1.5em; }
	#pied .lesliens { padding: 0 0 0 10px; }

	#pied .finger {
		float: none;
		margin: 0 auto 20px auto;
		width: 80%;
		font-size: 1.2em;
	}

	/* listes */
	.liste li, li.seul { margin: 15px 0 25px 0; }

	/* listes */
	.liste li h3 { font-size: 1.4em; }
	h4, .liste li h4 { font-size: 1.2em; }

	.liste.double {
		display: block;
	}

	.infoboite .edito {
		margin-top: 10px;
		border-bottom: 1px dashed var(--gris-2);
	}

	ul.liste.double>li>a { margin: 0; }
	ul.liste.double li a { margin: 0 !important; }
	ul.liste.double { margin: 0; }
	.liste.double .gauche>ul, .liste.double .droite>ul { margin: 0 0 0 0; }
	ul.liste.double.perspective { margin: 0; }
	.liste_vignettes { margin: 20px 0 0 0; display: block; }

	.bloc_vignette { margin-bottom: 20px; }
	.liste_vignettes .bouton a { font-size: 1.5em; }

	.liste_vignettes .bouton a.tlch {
		padding-left: 42px;
		background-size: 22px;
	}

	.liste.large, [data-couv="sanscouv"] .liste.large { margin: 0 0 20px 0; }
	.liste.large li .intro, .liste.large li.livre .intro, .liste.large.livrecherche li .intro { margin: 0 0 6px 0; }
	.liste.large li a .logo { display: none; }
	.liste.livrecherche li, .liste li.livre { padding: 0 0 20px 0; }

	h2.catego { margin: 10px 0 15px 0; }

	.texte q.lire_aussi, .texte q.lire_aussi.sanslogo {
		margin: 10px 0 25px 0;
		width: auto;
	}

	.texte a.voir_archives {
		margin: 1.2em -15px;
		font-size: 1em;
	}

	.texte a.voir_archives img {
		width: 45%;
		margin: -15px 0 10px 10px;
	}

	/* sommaire */
	.alaune { margin: 0; }
	.alaune li .tige h3 { font-size: 1.8em; }
	.alaune li.sanschapo .tige h3 { font-size: 1.5em; }

	.infoboite {
		float: none;
		margin: 30px 0 5px 0;
		padding: 0;
		width: auto;
	}

	.infoboite .zizi { text-align: center; }

	.alaune {
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
	}
	.alaune li.sanschapo:after, .alaune li.chapodoss:after {
		height: 1.5em;
		margin: 0em 0 0 2em;
	}

	.papiers_hasard { margin: 0 0 35px 0; }
	.papiers_hasard.fat { margin: 0 0 35px 0; }
	.liste li.chapodoss .logo, .liste li.chapodoss a:hover .logo { width: inherit; }

	.dossiers.liste li.chapodoss .logo.large {
		width: 100%;
		max-width: 600px;
		margin: 12px 0;
	}


	.notesdl .intro .spip_documents_left, .notesdl .intro .spip_documents_right {
		float: none !important;
		margin: 0.6em auto 1.2em;
		max-width: 100%;
	}

	/* boutons du haut */
	.commerce {
		margin: 0;
		text-align: center;
	}

	.commerce>a { margin: 2px 15px 10px 0; }

	/* une */
	/* largeur d'un bloc */
	.cols_1, .cols_2, .cols_3, .cols_4, .cols_5, .cols_6, .rescol_1, .rescol_2, .rescol_x .liste .bloc li { width: auto !important; }
	.enune.liste li, .enune.liste li.droite { float: none; }

	.enune.liste li a, .enune.liste li.bloc li:last-child a, .enune.liste li.bloc li:last-child a.unemdv {
		margin: 0 0 25px 0;
		padding: 0 0 15px 0;
		border-bottom: 1px dashed var(--gris-2);
		max-width: 100%;
	}

	.enune.liste li .song a, .enune.liste li.bloc li:last-child .song a {
		margin: 0;
		padding: 0;
		border-bottom: 0;
	}

	.enune.liste li .song, .enune.liste li.bloc li:last-child>.song {
		margin: 0 0 25px 0;
		padding: 0 0 21px 0;
		border-bottom: 1px dashed var(--gris-2);
	}

	.enune.liste li.bloc li:last-child a.noborder {
		border-bottom: none;
		padding: 0;
		margin: 0 10px 0 10px;
	}

	.enune.liste li.filet, .enune.liste li.filet.que_res { display: none !important; }

	.enune .voiraussi.dossierweb {
		border: 0;
		padding: 0;
		margin: 0;
	}

	.enune .voiraussi.dossierweb .logo {
		margin: 0 0 10px 0;
		width: 100%;
		height: auto;
		overflow: hidden;
		float: none;
	}

	.enune .voiraussi.dossierweb .logolimite {
		width: 100%;
		height: auto;
		float: none;
	}

	.bloc .unemensuel img, .enune.liste li a.unemdv .logo img { width: 100%; }

	.bloc .enlarge.zizi.recent, .bloc.rescol_x .enlarge.zizi.recent {
		padding: 0;
		margin: 0;
		border-bottom: 0;
	}

	.enune.liste .cols_1 li a.unemdv .logo { margin: 0 0 10px 0; }
	.enune.liste .cols_1 li a.unemdv .titraille { display: none; }

	.liste li.res_spe .logo.large, .liste li.res_spe a.unemdv.long .logo.large, .liste li.res_spe li, .liste li.res_spe a.unemdv .logo.large {
		float: none;
		margin: 3px 0 10px 0;
		width: 100%;
		padding: 0;
		height: auto;
	}

	.liste li.res_spe a.unemdv .titraille, .liste li.res_spe a.unemdv .intro { display: none; }
	.liste .cols_3 h3 { font-size: 1.7em; }
	.liste .cols_2 h3 { font-size: 1.5em; }
	.liste .rescol_1 h3 { font-size: 1.5em; }
	.liste .cols_1 h3, .liste .rescol_1 h3 { font-size: 1.4em; }
	.que_res, .que_tab { display: none; }

	.rescol_x a.enkiosques {
		border-bottom: 1px dashed var(--gris-2) !important;
		margin-bottom: 20px !important;
	}

	.rescol_x .unemensuel { width: 99%; }
	.liste li.rescol_x .zizi .intro { font-size: 1em; }
	.argu { margin: 0 0 15px 0; }

	.unedeux .son .loghorizon {
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
	}

	.suivre .liste.double .demi {
		padding: 0;
		border: 0;
	}

	.suivre .liste.double .demi.droite {
		border-top: 1px dashed var(--gris-2);
		padding: 20px 0 0 0;
		margin: 25px 0 0 0;
	}

	.suivre .logo {
		margin: 0 0 10px 0;
		width: 100%;
		float: none;
	}

	.une .promav .couvmav { width: auto; }
	.une .enlarge.recent { margin-right: 0; }

	.edinter .argu .logo {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.rappelsune h2, #navigation .rappelsune h2 { margin-left: 20px; }

	/* page recherche / affinage */
	.tri { font-size: 0.95em; }

	a.pubarte h3 { font-size: 1.8em; }

	/* //////////////////////////////////////////////////////////////////////////////////
	Fin téléphone //////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////*/
}

@media print {
	/*  Ne pas imprimer : on elimine les elements de navigation (display: none; )
	---------------------------------------------- */
	.preentete, #navigation>*, #extra, #pied, #partage, .pubs, .tetiere, #leslivres,
	#menu, #burgermenu, .bandeautitre, .voiraussi, .notebox, .lireaussi, .trads,
	.partage, .lovus, .soutien, .actions-article, .services,
	#ecouter, #traductions, .promo_dispo_article, .bloc_infodiplo { display: none !important; }

	.repondre, .repondre, .formulaire_spip { display: none; }
	.spip-admin, .spip-admin-float, .spip-previsu, .invisible { display: none; }

	.nombremots {
		font-size: 0.9em;
		padding: 15px;
		border: 1px solid var(--gris-4);
		text-align: left;
	}
	.nombremots:before {
		content: 'Cet article est réservé aux abonnés. ';
	}

	/*  Un peu de coquetterie
	---------------------------------------------- */

	#entete {
		padding: 0 0 30px 0 !important;
	}

	.ariane {
		margin: 10px 0 0 0;
		padding: 0;
		border: 0;
	}
	.ariane .avantapres {
		display:none;
	}
	.ariane a {
		border: 0;
		box-shadow: none;
		margin: 0;
	}

	.logodiplo {
		width: 60%;
		margin: 0;
		margin: 15px auto 10px auto;
	}
	.logodiplo a {
		box-shadow: none;
	}
	#entete .logo {
		float: none;
	}
	.labyrinthe {
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 1px dashed var(--gris-2);
	}

	#conteneur {
		padding: 0;
	}
	#page {
		padding: 0;
		width: auto;
		margin: 0 auto 0 auto;
	}
	.contenu-principal {
		margin: 0 0 30px 0;
	}

	.decale {
		margin: 0;
	}

}