body {
	background-color: white;
}

.notice {
	font-size:15pt;
	line-height: 1.1em;
font-family: SimplonNormRegular, Helvetica, Arial, sans-serif;
}

/* HOME */

figure {
position: relative;
  display: inline-block;

}

figure img {
  position: relative;
}

figcaption {
display: none;
  width: 100%;
height: 100%;
color:white;
}

figure:hover {
cursor:pointer;
}

figcaption, .titreoeuvre_mosaique {
font-family: SimplonNormMedium, Helvetica, Arial, sans-serif;
font-size:13pt;
}

.titreoeuvre_mosaique {
color:#0000DC;
}

/* RESPONSIVE */

@media all and (min-width: 100px) and (max-width:1200px){

.responsive_tableau {
position: absolute;
left:0;
}

img.responsive {
  width: 800px;
}

.paysage {
min-width:450;
}

.portrait {
min-width:300;
}

td {
width:0;
}
}


@media all and (min-width: 1200px) {

.responsive_tableau {
position: relative;
}

img.responsive {
  width: 900px;
}


figcaption {
  position: absolute;
  z-index: 2;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
      width: 100%;
height: 100%;
  
}

figcaption p {
position: relative;
top:40%;
}

figcaption:hover {
background-color:#0000DC;
	opacity:0.8;
}

figure img:hover {
	opacity:0.3;
}

figure:hover figcaption {
display: block;
}

.titreoeuvre_mosaique{
display: none;
}
}

@media all and (min-width: 1300px){
img.responsive {
  width: 1000px;
}
}

@media all and (min-width: 1400px){
img.responsive {
  width: 1100px;
}
}

@media all and (min-width: 1600px){
img.responsive_max {
  width: 1200px;
}
}

@media all and (min-width: 1800px){
img.responsive_max {
  width: 1300px;
}
}



.date {
font-family: SimplonNormMedium, Helvetica, Arial, sans-serif;
color:white;
font-size:11pt;
line-height: 2em;

}