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

a img:hover {
	opacity:0.6;
}

.border {
	border-radius: 10%;
}

.hr_style {
	background-color:#3E0A13;
}

.doctext_C_1, .textegris, .titreexpo, .titreoeuvre, .textbio, .gdtitrerubrique, .titrerubrique, .textedate, .lien_couleur, .lien_couleur:visited,  .lien_couleur:link, .lien_extern, .lien_extern:visited,  .lien_extern:link{
	color:#7a1525;
}

.menu_burger:before, .menu_burger:after, .menu_burger div{
   background: black;
}

.header_img, .mobile_icon, .panorama_buttons_img {
   filter: invert(0%) sepia(73%) saturate(0%) hue-rotate(107deg) brightness(88%) contrast(104%);
}

.titreoeuvre_mosaique {
	font-family: 'Roboto', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:15pt;
	line-height: 1.5em;
}

.textegris {
	font-family: 'Roboto', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:13pt;
	line-height: 1.1em;
}

.titreoeuvre {
	font-family: 'Roboto', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:13pt;
	line-height: 1.1em;
}

.titreoeuvre_mosaique:hover {
	text-decoration:none;
	cursor:pointer;
	font-size:15pt;
	line-height: 1.5em;
}

#titre:hover {
	color:#7a1525;
}

html {
  scroll-behavior: smooth;
}

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

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

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

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