/**********************/
/* MASSIVELY  HTML5UP */
/* Intégration PluXml */
/**********************/
::-moz-selection{
    background:#884083;
    color:#fff;
    text-shadow:none
}
::selection{
    background:#884083;
    color:#fff;
    text-shadow:none;
}
/**********************/
/*  pagination PluXml */
/**********************/
#main #pagination {
	display: block;
	user-select: none;
	cursor: default;
	list-style: none;
	margin: 2rem auto;
	width:100%;
	padding: 0 1em;
}
#pagination  span {
	display: inline-block;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	border: solid 2px;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 0.8rem;
	font-weight: 900;
	height: 3rem;
	letter-spacing: 0.075em;
	line-height: calc(3rem - 4px);
	min-width: 10.5rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border-color: #eeeeee;
	padding: 0 1.75rem;
}
#pagination  span:is(.p_first,.p_last) {
	min-width: 2rem;
}
#pagination  span:has(a:hover) {
	color: #18bfef ;
	border-color: #18bfef;
}
#pagination  span.p_current {
	background-color: #eeeeee;
}


/**********************/
/*   Le fil d'Ariane  */
/**********************/
ul.repertory.menu.breadcrumb {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1em;
	list-style:none;	
}
ul.repertory.menu.breadcrumb li {
}
ul.repertory.menu.breadcrumb li + li::before {
	content:'/ ';
	padding-inline-end:1em;
}


/**********************/
/*   Resumé articles  */
/**********************/

img.art_thumbnail,
div.image.fit {
	aspect-ratio:1.6/1;
	width:100%;
	object-fit:contain;
	margin: 2.5rem 0;
	padding:0;
	display:block;
	overflow:hidden;
	transition:.25s;
}
img.art_thumbnail:hover {
	scale:1.05;
}
a:has( img.art_thumbnail) + div.image.fit {
	display: none
}
div.image.fit{
	background-image:url(../../images/pic01.jpg);
	background-size:100% 100%;
	transition:0.25s;
}
div.image.fit:hover{
	background-size:120% 120%;
}
article:nth-child(2n) div.image.fit{
	background-image:url(../../images/pic02.jpg);
}
article:nth-child(3n) div.image.fit{
	background-image:url(../../images/pic03.jpg);
}
article:nth-child(4n) div.image.fit{
	background-image:url(../../images/pic04.jpg);
}
article:nth-child(5n) div.image.fit{
	background-image:url(../../images/pic05.jpg);
}
article:nth-child(6n) div.image.fit{
	background-image:url(../../images/pic06.jpg);
}
article:nth-child(7n) div.image.fit{
	background-image:url(../../images/pic07.jpg);
}
article header.major h2{
	min-height:4em;
	display:grid;
	place-content:center;
}
article div.intro-art {
	margin:0;
	line-height:inherit;
	height:7.8em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom:2.5rem;
}



/**********************/
/*   Resumé articles  */
/**********************/

#frontImg {
	display:block;
	margin:15vh auto 0;
	width:50vw;
	opacity:0.3;
	padding-inline-start:10vw
}
#footer {
	flex-wrap: wrap;
}



/**********************/
/*  liste pied page   */
/**********************/


#asideLinks {
	color: #ffffff;
	display: flex;
	transition: transform 1s ease, opacity 1s ease;
	background: rgba(0, 0, 0, .7);
	line-height: 4rem;
	margin:  0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: calc(100% - 4rem);
	max-width: 72rem;
	z-index: 2;
}
#asideLinks ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	gap:0 .25em ;
	margin: 0;
	padding: 0;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-weight: 900;
	letter-spacing: 0.075em;
	list-style: none;
	text-transform: uppercase;
}
#asideLinks ul li{
	padding:0;
	min-height:3rem;
	display:grid;
	place-content:center;
	color:white;
}
#asideLinks ul li a{
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	display: block;
	font-size: 0.8rem;
	outline: none;
	padding: 0 2rem;
	color: #ffffff;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	
}

#asideLinks a.active {
	background:white;
	color: #1e252d;
}

#asideLinks ul li a:hover {
	color: inherit !important;
	background-color: rgba(255, 255, 255, 0.5);
}
/**********************************/
/*   pas de sous menu réroulant   */
/**********************************/
li.menu:has(ul) ,
li.menu:has(ul) ul {
	display:contents;
}
li.menu>span {
	display:none;
}

/**********************************/
/*  reset navigation height/wrap  */
/**********************************/
#nav {
	height:auto;
}
#nav ul {
	flex-wrap:wrap;
}

img[src*="themes/massively/images/mic.png"] {
  height: 170px;
  object-fit: cover;
  object-position: top;
  margin: auto;
  display: block;
}


/**********************************/
/*      ajout image de fond       */
/**********************************/

a.image.fit.main,
a.image.fit.main img.art_thumbnail {
  aspect-ratio:1/.5;
  padding:0;
  margin:0 0 3em;
  background:url("../../images/pic01.jpg") center/ auto 100%;
}

/* jcr yamajo */
@media screen and (max-width: 480px) {
  #asideLinks ul li a {
    padding: 0 0.8rem;
  }
}

/**********************************/
/*      Tableaux                                              */
/**********************************/

table td {
  padding: 0.2rem 0.2rem;
}

/* demo pluxml - reduction du nombre de lien catégories affichée et correction affichage:*/
#nav ul:not(.icons) li:not([data-mother="1"],[data-mother=""]) {display: none}
#nav ul:has(li[data-mother]) {display: contents}
li[data-mother] {white-space: nowrap;border-radius:0;}
#nav:has(ul:has(li[data-mother])) {flex-wrap: wrap;}
ul li[data-mother].active {font-size:revert;background:#FFFFFF;color:#1e252d;padding:0;}
ul li[data-mother] {padding:0;margin:0}
#nav ul li[data-mother] a {padding:0 1rem;margin:0;border: none;color:inherit}
ul li[data-mother]:hover {background: rgba(255, 255, 255, 0.1)}
ul.icons {margin-inline-start: auto;}
.searchfields input.searchbutton[type="submit"] {padding: 0 1rem;margin: 0;height: 3rem;box-shadow: 0 0; background: revert;box-shadow:inset 0 0 0 2px transparent;}
.searchfields input.searchbutton[type="submit"]:hover {background: none;box-shadow:inset 0 0 0 2px;}
.searchfields p {display: flex;justify-content: center;}
body.is-navPanel-visible #navPanel li {list-style: none;padding-inline-end: 1rem;}