/* Coeur de SPIP */
.spip_documents > a { display: block; } /* Cf https://git.spip.net/spip-contrib-extensions/adaptive_images/issues/1 */
.box_mediabox button, .crayon-boutons button {min-width:auto; line-height:inherit;}
.adapt-img-wrapper {vertical-align: top;} /* cf https://github.com/nursit/AdaptiveImages/issues/13 */
.formulaire_spip textarea.markItUpEditor, .formulaire_spip li.editer_texte textarea {background-color: #eee !important; color: #111 !important;}
ul.spip { list-style-type: disc; }
.image.featured img.spip_logo {float: none; margin: 0;}
.spip_documents a.mediabox, .spip_document_file a { border: 0;}

/* Plugin tarteaucitron (remplace l'ancien plugin Cookie Bar, même design repris
   à l'identique : logo | titre + lien politique, en dessous texte + boutons
   OK/NON). Titre/texte/libellés de boutons n'ont pas de champ dédié en
   configuration pour le grand bandeau standard (sans highPrivacy) — fixés via
   les idiomes du thème dans javascript/tarteaucitron_config.html (clés
   cookie_bandeau_* de lang/local_fr.php et local_en.php), aucun fichier du
   plugin tarteaucitron touché.
   Sélecteurs préfixés par "body #tarteaucitronRoot" : specificité nécessaire
   pour gagner sur lib/tarteaucitron/css/tarteaucitron.css (règles
   "#tarteaucitronRoot #tarteaucitronAlertBig..."), chargé après ce fichier
   dans #INSERT_HEAD_CSS.
   "display" géré à part (règle [style*="display: block"] plus bas) :
   tarteaucitron.js (userInterface.css/openAlert/closeAlert) pose "block" ou
   "none" en style inline sur cet élément pour le montrer/cacher selon le
   cookie de consentement déjà déposé ou non. Un style inline gagne sur une
   règle externe sans !important quelle que soit sa spécificité — mais un
   simple "display:grid!important" ici gagnerait aussi sur l'état "none" et
   empêcherait le bandeau de jamais se cacher. La règle ciblant littéralement
   la valeur "block" du style inline règle ce cas précis sans toucher à
   l'état caché. */
body #tarteaucitronRoot #tarteaucitronAlertBig {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	background: var(--paper);
	color: var(--gris-deep);
	border-top: 1px solid var(--line);
	box-shadow: 0 -8px 24px rgba(32,39,47,.12);
	text-align: left;
	/* Largeur du contenu alignée sur .container (css/grid.css, 1440px) sans
	   passer par un élément wrapper dédié (tarteaucitron ne fournit que ce
	   seul div) : le fond reste plein écran, le padding centre le contenu. */
	padding: 1.3em max(1.5em, calc((100% - 1440px) / 2));
	grid-template-columns: auto minmax(240px, 1fr) 7.5em 7.5em;
	grid-template-areas:
		"logo content policy  policy"
		"logo content disable enable";
	align-items: center;
	column-gap: 1.8em;
	row-gap: .5em;
}

body #tarteaucitronRoot #tarteaucitronAlertBig[style*="display: block"] {
	display: grid !important;
}

/* Logo LT Travel : bloc à gauche, séparé du contenu par un filet vertical
   (image injectée en CSS car tarteaucitron ne prévoit aucun emplacement pour
   un logo — voir documentation/inspirations graphiques/logo-lt-travel-v1.png).
   En background-size:contain plutôt que content:url() : ce dernier ignore
   width/height sur ::before dans certains moteurs et affiche l'image à sa
   taille intrinsèque (876×292), ce qui casserait la mise en page. */
body #tarteaucitronRoot #tarteaucitronAlertBig::before {
	content: "";
	grid-area: logo;
	display: block;
	width: 7.125em;
	height: 2.375em;
	padding-right: 1.6em;
	border-right: 1px solid var(--line);
	background: url("../images/logo-lt-travel.png") no-repeat left center;
	background-size: contain;
}

/* #tarteaucitronDisclaimerAlert (span role=paragraph) : titre + texte
   empilés dans la même cellule de grille (2 lignes), plutôt que 2 pseudo-
   éléments comme sur l'ancien bandeau — ici le contenu vient du texte
   configuré (idiomes), pas d'une donnée absente à générer en CSS. */
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
	grid-area: content;
	display: block;
	margin: 0;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronBandeauTitre {
	display: block;
	font-family: var(--font-titres);
	font-weight: 700;
	font-size: 1em;
	color: var(--brique);
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronBandeauTexte {
	display: block;
	margin-top: .35em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: 400;
	font-size: .85em;
	letter-spacing: 0;
	line-height: 1.45;
	color: var(--gris-deep);
}

/* Bouton "Personnaliser" (#tarteaucitronCloseAlert) : sans équivalent dans le
   design d'origine (2 boutons + 1 lien seulement) — masqué. La gestion des
   préférences après consentement reste possible via la petite icône
   persistante (config #CONFIG{tarteaucitron/ouverture} = image). */
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
	display: none;
}

body #tarteaucitronRoot #tarteaucitronAlertBig a,
body #tarteaucitronRoot #tarteaucitronAlertBig button {
	display: inline-block;
	margin: 0;
	border-radius: var(--radius-md);
	font-family: var(--font-titres);
	text-decoration: none;
	white-space: nowrap;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

/* Lien "Politique de confidentialité" : simple lien texte, pas d'effet
   bouton (zone cliquable limitée au texte) ni surlignage. N'apparaît que si
   #CONFIG{tarteaucitron/privacyUrl} est renseigné (#exec=configurer_tarteaucitron_technique). */
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
	grid-area: policy;
	align-self: center;
	justify-self: center;
	padding: 0;
	background: none;
	color: var(--bleu);
	font-size: .8em;
	text-decoration: none;
}
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover { background: none; }

/* Les 2 boutons OK/NON, largeur identique et compacte (juste ce qu'il faut
   pour le texte, pas un CTA pleine largeur), centrés verticalement dans la
   hauteur du bloc (dictée par le texte à gauche, sur la même ligne de
   grille — pas de bloc dédié à enjamber). */
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton {
	align-self: center;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: .75em !important; /* tarteaucitron.css force 16px!important sur .tarteaucitronCTAButton */
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .85em .5em;
}
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton .tarteaucitronCheck,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton .tarteaucitronCross {
	display: none;
}

body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
	grid-area: disable;
	background: transparent;
	border: 1px solid var(--brique);
	color: var(--brique);
}
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:hover { border-color: var(--brique_hover); color: var(--brique_hover); background: var(--gris-bg); }

body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow {
	grid-area: enable;
	background: var(--brique);
	border: 1px solid var(--brique);
	color: #fff;
}
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow:hover { background: var(--brique_hover); border-color: var(--brique_hover); }

@media (max-width: 980px) {
	body #tarteaucitronRoot #tarteaucitronAlertBig {
		padding: 1.1em 1.2em;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"logo    logo"
			"content content"
			"policy  policy"
			"disable enable";
		row-gap: .8em;
	}
	body #tarteaucitronRoot #tarteaucitronAlertBig::before { padding-right: 0; border-right: 0; justify-self: center; }
}

/* Plugin Couteau Suisse — onglets (lame "decoupe", balise #TEXTE des articles).
   Surcharge de plugins/auto/couteau_suisse/outils/decoupe.css, chargé après
   ce fichier (vérifié dans le DOM : local/couteau-suisse/header.css arrive
   après ce spip-correctifs.css, injecté via #INSERT_HEAD et non #INSERT_HEAD_CSS
   contrairement à tarteaucitron ci-dessus) — sélecteurs alourdis par le préfixe
   "body" + répétition explicite de ".selected" pour gagner en spécificité quel
   que soit l'ordre de chargement, plutôt que !important.
   - titres d'onglet agrandis/aérés (d'origine : 88% / padding 0 0.6em)
   - contenu plus espacé, affiché dans un bloc à bordures */
body div.onglets_bloc h2.onglets_titre,
body div.onglets_bloc h2.onglets_titre.selected{
	height:auto;
	padding:14px 22px;
	font-size:16px;
	font-weight:600;
	color:#fff;
}
body div.onglets_bloc h2.onglets_titre a,
body div.onglets_bloc h2.onglets_titre.selected a{
	color:#fff;
}
body div.onglets_bloc .onglets_contenu,
body div.onglets_bloc .onglets_contenu.selected{
	padding:30px 32px;
}

/* Fond de titre coloré par section — réservé à la composition "cgu"
   (content/article-cgu.html, id "article-cgu-page" sur son <section>
   racine), assignée via le champ composition de l'article CGU et de ses
   traductions (cf. commentaire en tête de ce fichier) — pas un style
   d'onglets générique pour tout le site (une page circuit qui utiliserait
   des onglets pour son itinéraire par exemple ne doit pas hériter de ces
   couleurs "Circuits/Informations", propres au sens légal de la page CGU).
   1er onglet = couleur "Circuits", les suivants = couleur "Informations"
   (mêmes couleurs que la config #exec=configurer_template_travel, cf.
   --c-circuit/--c-info dans css/travel-template.css.html). */
body #article-cgu-page div.onglets_bloc .onglets_liste h2.onglets_titre:first-child,
body #article-cgu-page div.onglets_bloc .onglets_liste h2.onglets_titre:first-child.selected{
	background-color:var(--c-circuit);
}
body #article-cgu-page div.onglets_bloc .onglets_liste h2.onglets_titre:not(:first-child),
body #article-cgu-page div.onglets_bloc .onglets_liste h2.onglets_titre:not(:first-child).selected{
	background-color:var(--c-info);
}