/* styles spécifiques aux pages d'index, y compris centrale, news, egyptring, 3d-tours  */
/* Mise à jour 21/04/2023 16:53:29 */
#pageTitle h1 {
	display:table;
	width:auto;
	margin:0.5em auto;
	border: 1px solid #990000;
	border-radius:0.5em;
	padding:0.25em 0.5em;
}
/* pages d'index rendre invisible les informations de génération */
section.tileList > p {display:none;}

section.tileList > * {margin:0.5em 0;}
section.tileList > ul  {
	list-style: none;
	width:100%;
}
.tile {
	display:inline-table;
	vertical-align:middle;
	margin:0.25em 0;
	padding:2px 0.25em;
	overflow:auto;
	border:1px solid #990000;
	border-radius:0.5em;
}
#latestItems.tileList {width:75%;margin-left:auto;margin-right:auto;}

.tile img {
	float:left;
	display:inline;
	max-width:38%;
	margin:0 0.5em 0 0;
	cursor:pointer;
}
.tile figcaption {
	text-align:justify;
	margin-right:0.25em;
}
.tile figcaption h3 {
	text-align:center;
}
#displayDiv .tile,
.tileList .tile {font-size:0.9em;}

.indexPage > * ,
.mapPage > * {
	width:75%;
	margin:auto;
}
@media screen and (max-width:600px) {
	.indexPage > * {
		width:96%;
		margin:auto;
	}
}
.indexPage .top5 {margin-top:0.5em;}
.indexPage .top10 {margin-top:1.0em;}
.indexPage .bottom5 {margin-bottom:0.5em;}
.indexPage .bottom10 {margin-bottom:1.0em;}

.tileList figure.new figcaption:before {
	content:'New';
	display:table;
	position:absolute;
	right:-3em;
	top:0.5em;
	z-index:10;
	background-color:#990000;
	border-radius:50%;
	color:white;
	font-weight:bold;
	font-size:0.75em;
	padding:0.25em;
	font-variant: small-caps;
	transform: rotate(-7deg);
}

/* ---------------------------------------- */
section {
	overflow:visible;
}
ol > li {margin:0.5em 0;}
ol > li  ul {list-style:none;padding:0;margin:0;margin-bottom:1.0em;}
ol > li  ul > li {padding:0.25em 0;padding-left:1em;font-size:0.9em;}
ol > li  ul > li:before {content:"-\a0";}
h1, h2 {
	color:#990000;
	background-color:transparent;
	text-transform: uppercase;
	letter-spacing:0.05em;
	font-weight:bold;
	font-size:1.2rem;
	text-align:center;
	border:none;
	margin:0.25em auto;
}
.tile,
h1, h2,
.indexTable figure {width:96%;}
.newsIndex .tile {width:100%;}
.tileList div figure {width:100%;}
h1 {
	font-size:1.5em;
	font-size:1.5rem;
}
.indexTable {
	width:100%;
	margin:auto;
	text-align:center;
}
.description h2,
.indexTable h2,
.tileList h2 {
	width:100%;
	margin-bottom:0;
	padding:0.5em;
}
.tileList h2 {
	margin-left:2px;
	margin-right:2px;
}
img {border-radius:0.5em;}
#newsletter h2 {
	margin-bottom:0;
}
#newsletter figure,
.indexPage #pageTitle {font-size:1.0em;}
.indexPage h1 {font-size:1.5em;}
#pageTitle ~ aside {
	border:1px solid #990000;
	border-radius:0.25em;
	padding:0.5em;
	margin:1.0em auto;
	width:100%;
	max-width:100%;
}
#pageTitle p,
.tile p {margin:0;}
#pageTitle p.center {
	margin:0 auto;
}
.tile p ~ p {margin-top:0.25em;}
#newsletter p {
	text-align:left;
	margin:0 0.25em;
}
section.tileList aside.insert {
	width:100%;
	min-width:100%;
}
.tile h3 , .tile h4 {
	width:100%;
	margin:0 0 0.1em;
	text-align:center;
}
.tile h3 {
	text-transform: uppercase;
	font-size:0.9em;
}
.indexTitle {
	width:70%;
	display:table;
	margin:auto;
	text-align:justify;
	margin-bottom:1.5em;
}
.glimpse:before {
	content:'';
	display:block;
	float:left;
	line-height:0;
	width:2em;
	height:2em;
	margin-right:0.5em;
	background:url('photo/glimpse.png') no-repeat;
	background-size:100%;
}
#descriptionTable figure {
	width:75%;
}

#search {
	margin-bottom:2.5em;
	position:relative;
}
#search nav {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#search h3 {
	width:100%;
	text-align:center;
}
#searchByName {
	position:relative;
	float:left;
	margin-left:0;
	display:table;
	cursor:pointer;
}
#searchByNumber {
	position:relative;
	float:right;
	margin-right:0;
	display:table;
	cursor:pointer;
}

#search ul {
	position:absolute;
	display:none;
	z-index:10;
	background:white;
	font-size:0.8em;
	border:1px solid #990000;
	border-radius:0.5em;
	padding: 0.25em 0.5em;
	font-size:0.75em;
	white-space: nowrap;
}
#searchByName ul {left:-0.5em;}
#searchByNumber ul {right:-0.5em;}
#search li {
	list-style-type:none;
	margin:0.5em;
}
html[data-withmouse] #search li {margin:0;}

#search nav.active ul {display:block;}
#displayDiv {
	position:absolute;
	top:1.5em;
	left:-5%;
	width:110%;
	z-index:9;
	text-align:center;
	background-color:#ffe6bb;
	border-radius:0.5em;
	padding:2% 3%;
	display:none;
	cursor:auto;
}
/* #displayDiv.active {display:block;} */
#displayDiv.visible {display:block;}
#displayDiv:before {
	content:'×';
	float:right;
	font:caption;
	position:absolute;
	right:0;
	top:0;
	padding:0.25em 0.75em;
	cursor:pointer;
}
#displayDiv figure {
	background-color:white;
}

/* =============================================== */
/*                   News index page               */
/* =============================================== */
.newsIndex > * {width:90%;margin:auto;}

#newsList {border:1px solid #990000;border-radius:0.5em;padding:0.25em;}
#pageTitle figcaption {
	display:table;
	text-align:left;
	margin:auto;
}
#subscribe {
	display:table;
	margin:1.0em auto;
}
#subscribe label {
	font-weight:bolder;
	white-space: nowrap;
}

html section {
	border:1px solid #990000;
	border-radius: 0.5em;
	padding:0.5em;
	margin:0.5em auto;
	width:80%;
	max-width:700px;

}

.yearNews {
	overflow: visible;
    border-top: 1px solid #990000;
	width:100%;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: left;
}
.yearNews h3 {
	color: #990000;
	padding-top:0.25em;
	margin-bottom:-0.75em;
}
.yearNews p {
	text-transform: uppercase;
	margin-left:8em;
	max-width:40em;
}
.yearNewsTitle, .newsLink {
    color: #990000;
    text-align: left;
}
.newsLink {
	display:inline-block;
	width: 12em;
	line-height:2.5em;
	vertical-align:middle;
}
.yearNews a {white-space:nowrap;}
.yearNews a,
.yearNews a:link,
.yearNews a:visited,
.yearNews a:active {
    color:#990000 !important;
	text-decoration:none;
}
.yearNews a:hover {color:#ff0000 !important;}
.yearNews a {
    background: transparent url("brownArrow.png") no-repeat scroll 0 50%;
	margin:0.5em;
    padding-left: 13px;
    white-space: nowrap;
	text-decoration:none;
}
.yearNews a:hover {
    background-image:url('redArrow.png');
    color:red;
}
/* html[data-version^="1."] .yearNews a {font-size:0.9em;} */
/* =============================================== */
/*                      News Search                */
/* =============================================== */
#newsSearchDiv {
    white-space:nowrap;
    width:100%;
    text-align:center;
}
#newsSearchDiv * {
    vertical-align:middle;
}
#newsSearchForm img {
    vertical-align:middle;
    cursor:pointer;
}

/* =============================================== */
/*				map pages					       */
/* =============================================== */
.mapPage ol a,
.mapPage ol a:link,
.mapPage ol a:visited,
.mapPage ol a:active {color:#990000 !important}
.mapPage ol a:hover {color:red !important}

/* =============================================== */
/*				_3dIndex pages					   */
/* =============================================== */
._3dIndex .indexList figure img,
._3dIndex .indexList figure figcaption,
._3dIndex .tileList figure img,
._3dIndex .tileList figure figcaption {display:block;max-width:none;width:100%;margin:auto;}
/* page d'index 3d-tours: grandes images et titre au dessous */
._3dIndex .tile {border-radius:0.5em;}
._3dIndex  .tile img {
	width:96%;
	float:none;
}
._3dIndex .index > ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:1em;
  font-size: 0.9em;
}
._3dIndex .index > ul  > * {
	flex: 1 0 100%;
}

._3dIndex .index figure.tile {
  display: flex;
  padding:0.5em;
  border:1px solid #900;
  border-radius: 0.5em;
  background: white;
  flex-direction:column;
}

._3dIndex .index .tile figcaption {
  padding-left:1em;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size:1.25em;
}
figure.empty {
  visibility: hidden;
}
@media (min-width: 705px) {
  ._3dIndex .index > ul > * {
    flex-basis: calc(50% - 1em);
  }
}