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

@font-face {
font-family: 'BluuNext-Bolditalic';
src: url("BluuNext-Bolditalic.otf");
font-weight: normal;
font-style: normal;
}

a img:hover {
	opacity:0.6;
}

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

#titre:hover {
	color:#0000DC;
}



@media all and (min-width: 100px) {
img.responsive {
  width: 550px;
}
	
	.titreoeuvre_mosaique {
		font-size:12.5pt;
		line-height: 1em;
	}
	
.full_width_home {
	position: absolute;
	left:0;
	width:100%;
	min-width:800px;
	top:500;
}

}

@media all and (min-width: 900px) {
img.responsive {
  width: 600px;
}
	
	.full_width_home {
	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;
}
	.titreoeuvre_mosaique {
		font-size:15pt;
		line-height: 1em;
	}
}

@media all and (min-width: 1400px){
img.responsive {
  width: 1100px;
}
	.titreoeuvre_mosaique {font-size:15pt;
		line-height: 1em;}
}

@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;
}
		.titreoeuvre_mosaique {font-size:15pt;
		line-height: 1em;}
}


@media all and (min-width: 1700px){
img.responsive_home, img.responsive_max  {
  width: 1500px;
}
		.titreoeuvre_mosaique {font-size:15pt;
		line-height: 1em;}
}

@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;
}





.produit {
	  mix-blend-mode: multiply;
}