.oeuvres-liste {
    display: inline;
}

.oeuvre-item {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
    background-color: #f9f9f9;
    margin-bottom: 15px;
	clear: both;
}
.oeuvre-item h2 {
    font-size: 18px;
    margin: 10px 0;
}
.oeuvre-item p {
    margin: 5px 0;
}
.oeblocktxt, .oeblockinfos {
	float: inline-start;
    display: block;
    width: 73%;
}
.oeblocktxt {
	margin-bottom: 15px;
	padding-bottom: 15px;
border-bottom: solid 1px #ddd;
}
.oeblockinfos {

}
.oeblockimg {
	float: inline-end;
    display: block;
	width: 25%;
	margin-bottom: 15px;
	text-align: right;
}
.oeblockimg img {
    height: auto;
    border-radius: 10px;
	width: 100%;
}
.oetype, .oeID, .oedim span, .oeprix span, .oeexpo span,  .oeMat span {
    font-weight: bolder;
}
.oetitre {
   
 font-weight: bold;
	text-transform: uppercase;
}
.oetitre span, .oetexte span {
    display: none;
}
.oedate, .oetype, .oedim, .oeprix, .oeexpo,  .oeMat   {
   font-size: smaller;
}

div.oepagination {
display: block;
    position: inherit;
margin-bottom: 10px;
    width: 100%;
    height: 45px;
}
div.oenumpage {
display: block;
  width: 70%;
  margin: 0 15%;
  text-align: center;
}
div.oepagination span.page-numbers, div.oepagination a.page-numbers, div.oepagination a.prev, div.oepagination a.next {
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    display: inline-block;
}
div.oepagination span.page-numbers, div.oepagination a.page-numbers:hover, div.oepagination a.prev:hover, div.oepagination a.next:hover {
text-decoration: none;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: #ddd;
    color: #000;
    display: inline-block;
}
div.oepagination a.prev {
float: left;

}
div.oepagination a.next {

float: right;
    display: block;
    margin: -45px 0;
}
div.oepagination span.dots {

background: none; 
    border: none;

}
div.oepass {

border: 1px solid #e1e1e1;
  width: 300px;
  padding: 10px;
	margin-bottom: 20px;
	text-align: center;

}
#oepass  { 
	display: none;
}
div.oepass input {
	margin-bottom: 10px;
}
.oelien  {
clear: both;
  height: 45px;
  margin: 8px;
  text-align: right;

}
div.oelien span a, div.oelien p {

  width: max-content;
	text-decoration: none;
float: right;
}
div.oelien span a:hover { 
	color: #000;
  background-color: #ddd;
		text-decoration: none;
	border-color: #000;
}
.hidden-thumbs  { 
	display: none;
}
.oepassclic { 
text-decoration: underline;
  cursor: pointer;
  background: none;
  color: #000;
  font-weight: normal;
margin: 0 0 20px 0;
}
.oepassclic:hover { 
	text-decoration: underline;
	color: #000;
}
@media only screen and (max-width: 768px) {
	.oeblockimg, .oeblocktxt, .oeblockinfos {
		float: none;
		width: 100%;
		clear:both;
	}
	.oeblocktxt {
		text-align: justify;
	}
		.oeblockimg {
		text-align: center;
	}
	.oeblockimg img {
		max-height: 300px;
		border-radius: 10px;
		width: auto;
	}
	.oeblockinfos {
		border-bottom: solid 1px #ddd;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.oeID, .oetype, .oetitre {
		text-align: center;
	}
}