/* [theses_gem] : même présentation que les listes de publications du site.
   Sélecteurs préfixés par .gem-th et remises à zéro : le thème (Tempera) stylise listes, images et formulaires. */
.gem-th {
	display: grid; grid-template-columns: minmax(170px, 1fr) 3.4fr; gap: 0;
	max-width: 1280px; margin: 16px auto 10px; background: #fff; box-sizing: border-box;
	color: #5f6368; font-size: 13.5px; line-height: 1.5; text-align: left;
}
.gem-th.gem-th-sans-filtres { grid-template-columns: 1fr; }
.gem-th * { box-sizing: border-box; }

.gem-th-cote { padding: 14px 12px; }
.gem-th .gem-th-filtre { margin: 0 0 10px; }
.gem-th .gem-th-filtre summary {
	position: relative; display: block; cursor: pointer; list-style: none; border-radius: 5px;
	padding: .5em 2em .5em .7em; background: #f5f5f5; color: #3c4043;
	font-size: .85em; font-weight: 600; letter-spacing: .02em; text-transform: uppercase;
}
.gem-th .gem-th-filtre summary::-webkit-details-marker { display: none; }
.gem-th .gem-th-filtre summary::marker { content: ""; }
.gem-th .gem-th-filtre summary::after {
	content: ""; position: absolute; right: .9em; top: 50%; width: .45em; height: .45em;
	border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
	transform: translateY(-70%) rotate(45deg); transition: transform .15s;
}
.gem-th .gem-th-filtre[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.gem-th .gem-th-filtre-corps { padding: .5em .2em .2em .3em; }
.gem-th .gem-th-opt { display: flex; align-items: center; gap: .5em; padding: 3px 2px; margin: 0; font-size: .95em; color: #5f6368; font-weight: normal; cursor: pointer; }
.gem-th .gem-th-opt input { accent-color: #6c757d; margin: 0; flex: none; }
.gem-th .gem-th-opt span { flex: 1; }
.gem-th .gem-th-opt small { color: #9aa0a6; font-size: .9em; }

.gem-th-principal { min-width: 0; }
.gem-th .gem-th-recherche { padding: 14px 14px 10px; display: flex; gap: 8px; }
.gem-th .gem-th-texte-filtre {
	flex: 1; min-width: 0; margin: 0; padding: .5em .8em; border: 1px solid #ccc; border-radius: 5px;
	font-size: .95em; color: #3c4043; font-family: inherit; background: #fff; box-shadow: none; height: auto;
}
.gem-th .gem-th-texte-filtre:focus { outline: 2px solid #c8d4e0; outline-offset: 0; }
.gem-th .gem-th-taille {
	flex: none; margin: 0; padding: .5em .6em; border: 1px solid #ccc; border-radius: 5px;
	font-size: .9em; color: #3c4043; font-family: inherit; background: #fff; height: auto;
}

.gem-th ul.gem-th-liste { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e6e8eb; }
.gem-th .gem-th-liste li.gem-th-item {
	display: flex; align-items: flex-start; gap: .9em; margin: 0; padding: .6em 14px;
	border-bottom: 1px solid #e6e8eb; list-style: none; background: none;
}
.gem-th .gem-th-liste li.gem-th-item::before { content: none; display: none; }
.gem-th .gem-th-item:hover { background: #fafafa; }
.gem-th .gem-th-icone { flex: none; width: 18px; height: 18px; margin-top: 2px; display: flex; align-items: center; justify-content: center; }
.gem-th .gem-th-icone img {
	height: 18px; width: auto; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0;
	box-shadow: none; background: none; vertical-align: middle;
}
.gem-th .gem-th-corps { flex: 1; min-width: 0; }
.gem-th p.gem-th-meta { margin: 0 0 .3em; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .5em; }
.gem-th .gem-th-etat { display: inline-block; padding: 1px 10px; border-radius: 999px; font-size: .85em; white-space: nowrap; line-height: 1.5; }
.gem-th .gem-th-date { color: #5f6368; font-size: .9em; }
.gem-th .gem-th-utr { display: inline-block; padding: 0 6px; border: 1px solid #d5d9df; border-radius: 3px; font-size: .8em; color: #3c4043; letter-spacing: .03em; line-height: 1.6; }
.gem-th p.gem-th-texte { margin: 0; padding: 0; line-height: 1.5; color: #5f6368; overflow-wrap: anywhere; }
.gem-th .gem-th-texte b { color: #3c4043; font-weight: 700; }
.gem-th .gem-th-qui { color: #3c4043; }

.gem-th .gem-th-pages ul { display: flex; flex-wrap: wrap; margin: 0; padding: 14px; list-style: none; }
.gem-th .gem-th-pages li { margin: 0; padding: 0; list-style: none; }
.gem-th .gem-th-pages li::before { content: none; display: none; }
.gem-th .gem-th-pages li + li a, .gem-th .gem-th-pages li + li span { margin-left: -1px; }
.gem-th .gem-th-pages a, .gem-th .gem-th-pages span {
	display: block; min-width: 1.9em; padding: .3em .5em; border: 1px solid #ccc;
	color: #5f6368; text-align: center; text-decoration: none; background: #fff;
}
.gem-th .gem-th-pages li:first-child > * { border-radius: 5px 0 0 5px; }
.gem-th .gem-th-pages li:last-child > * { border-radius: 0 5px 5px 0; }
.gem-th .gem-th-pages a:hover { background: #f5f5f5; }
.gem-th .gem-th-pages span[aria-current] { background: #6c757d; border-color: #6c757d; color: #fff; }

.gem-th .gem-th-compte { padding: 10px 14px; color: #5f6368; border-top: 1px solid #e6e8eb; font-size: .9em; }

.gem-th-export { text-align: center; margin: 0 0 30px; }
.gem-th-export .gem-th-csv {
	display: inline-block; border-radius: 5px; border: 1px solid #6c757d; background: transparent;
	color: #6c757d; padding: 8px 16px; font-family: inherit; font-size: .95em; cursor: pointer; text-transform: none; box-shadow: none;
}
.gem-th-export .gem-th-csv:hover { background: #6c757d; color: #fff; }
.gem-th-vide { color: #5f6368; font-style: italic; }

@media (max-width: 640px) {
	.gem-th { grid-template-columns: 1fr; }
	.gem-th .gem-th-recherche { flex-wrap: wrap; }
}
