html {
  font-family: Arial;
}
body {
  	background-color: #fff;
  	margin: 0px;
}

#LogoMobius { 
	width: 25%; 
	height: auto;
	margin: 10px 0px;
}

.blocTitrePage {
  	background-color: #990000;
  	color: white;
	background-image: url("../images/theme/Fond_mobius_rouge.jpg");
	background-position: left top;
  	background-repeat: repeat-y;
	padding: 0px 250px;
}

.blocTitrePage:after, #BlocFiltres:after, #images:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}

#menu {
	float: right;
	list-style: none;
	margin-top: 40px;
}

#menu li {
	display: inline-block; 
	text-align: left;
	margin-right: 30px;
}

#menu a {
	color:rgba(255,255,255,1.00);
	padding: 5px 10px;
	text-decoration: none;
}

#menu a:hover {
	background-color:rgba(255,255,255,0.3);
}

.blocselect {
  margin: 18px 15px 10px;
  float: left;
}
.sautVertical {
  clear: both;
}
#listeOeuvres {
  background-color: #fff;
  border-style: solid;
  border-width: 0 0px 0 0;
  position: absolute;
  padding: 20px 40px;
  column-count: 4;
  column-gap: 80px;
}

#listeOeuvres > div:first-child { 
	margin-top: 0px!important;
}

.ItemOeuvre {
  	margin: 7px 5px;
	cursor: pointer;
	padding: 5px;
}

.ItemOeuvre:hover {color: #990000; background-color: #EEEEEE; }

.lightbox {
  display: none;
}
#images {}
.initiale {
  background-color: #990100;
  color: white;
  text-transform: uppercase;
  padding: 5px;
  margin-top: 45px;
}

.FilterOeuvres {
	margin-left: 15px;
	padding: 5px 15px;
	background-color: #E4E4E4;
	text-decoration: none;
	color: #990100;
}

.FilterOeuvres:hover { background-color: #990100; color: #fff!important; }

#titre {
  background-color: #990100;
  color: white;
  font-size: 25px;
  padding: 20px 30px 15px;
}

#content { 
	margin: 20px 50px 0px;
	border-left: 3px solid #ACACAC;
	padding: 2px 10px;
}

#pays {
  color: #990100;
  font-size: 20px;
  margin-bottom: 5px;
}

#pays:before { content: "Pays : "; }

#theme {
  color: #990100;
  font-size: 20px;
  margin-bottom: 5px;
}
#theme:before {	content: "Thème : "; }

#annee {
  color: #990100;
  font-size: 20px;
  margin-bottom: 5px;
}
#annee:before {	content: "Année : "; }

#auteur {
  font-size: 20px;
  margin-bottom: 5px;
}
#auteur:before { content: "Auteur : "; }

#resume {
  	margin-bottom: 25px;
	margin-top: 25px;
	line-height: 1.5;
	text-align: justify;
	padding: 0px 50px;
}
#images {
  padding: 0px 50px;
}
#images img {
  	float: left;
	margin-right: 30px;
}
#sautVertical {
  background-color: #eee;
}
#BlocFiltres {
  	background-color: #E4E4E4;
  	padding: 15px;
	background-image: url("../images/theme/Fond_mobius_grisClair.jpg");
	background-position: left top;
  	background-repeat: repeat-y;
}

#BlocFiltres h3 {
  	float: left;
	padding: 15px 45px 15px 0px;
	margin: 0px;
}
#selecteurOrdreAffichage {
  	background-color: #fff;
	margin: 50px 40px 10px;
	padding: 15px 0px;
	border-bottom: 2px solid #E4E4E4; 
}
#selecteurOrdreAffichage a {
  color: #990100;
  text-decoration: none;
}
#selecteurOrdreAffichage a:hover {
  color: black;
}

.zoneImages {
	float: right;
	width: 22%;
	overflow: hidden;
	margin-left: 40px;
	text-align: center;
}

.zoneImages img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.featherlight .featherlight-content{ padding: 0px!important; }

.featherlight .featherlight-close-icon {
	line-height: 45px !important;
	width: 45px!important;
	font-size: 30px !important;
}