@font-face {
font-family: 'roboto';
src: url("../../site/fonts/Roboto-Light.ttf");
font-weight: normal;
font-style: normal;
}

a img:hover{
	filter: brightness(110%);
}

.titreoeuvre_mosaique {
	font-family: 'roboto', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}

.titreoeuvre_mosaique:hover {
	text-decoration:none;
	cursor:pointer;
}

@media all and (min-width: 100px) {
img.responsive {
  width: 750px;
}
	
.full_width_home {
	position: absolute;
	left:0;
	width:100%;
	min-width:800px;
	top:490;
}
	
.full_width_repro {
	position: absolute;
	left:30;
	width:100%;
	min-width:800px;
	top:375;
}
}

@media all and (min-width: 900px) {
img.responsive {
  width: 600px;
}
	
	.full_width_home {
	position: relative;
	left:0;
	top: 0;
	width:100%;

}
	
	.full_width_repro {
	left:0;
	position: relative;
	top:0;

}
}

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

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

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

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

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


@media all and (min-width: 1700px){
img.responsive_home, img.responsive_max  {
  width: 1500px;
}
}

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

@media all and (min-width: 1900px){
img.responsive_home {
  width: 1700px;
}
}

.full_width {
	position: absolute;
	left:0;
	width:100%;
	min-width:1200px;
}

#top {
	position:absolute;
	left:30;
	bottom:5;
	position:fixed;
}

html {
  scroll-behavior: smooth;
}