@font-face {
font-family: 'roboto';
src: url("../../site/fonts/Roboto-Light.ttf");
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";
}

.doctext_C_1{
	color:#1F1010;
}

.textegris, .titreexpo, .titreoeuvre, .textbio, .gdtitrerubrique, .titrerubrique, .textedate, .lien_couleur, .lien_couleur:visited,  .lien_couleur:link{
	color:#1F1010;
	
}

.menu_burger:before, .menu_burger:after, .menu_burger div{
   background: #000000;
}

.header_img, .mobile_icon{
   filter: invert(83%) sepia(8%) saturate(0%) hue-rotate(177deg) brightness(85%) contrast(93%);
}

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

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



@media all and (min-width: 100px) {
img.responsive {
  width: 550px;
}
	
.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: 1400px){
img.responsive {
  width: 1100px;
}
}

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