@font-face {
font-family: 'minion';
src: url('images/MinionPro-Bold.otf');
font-weight: normal;
font-style: normal;
}


body {
	background-color: #F5F5F5;
}

.doctext_C_1, .textegris, .titreexpo, .titreoeuvre, .textbio, .lien_couleur, .reperes, .reperes_titre, .lien_couleur:visited,  .lien_couleur:link, .lien_extern, .lien_extern:visited,  .lien_extern:link{
	color:#000045;
}

.gdtitrerubrique, .titrerubrique, .textedate{
	color:#000000;
}

.hr_style{
	background-color:#000045;
}

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

.header_img, .mobile_icon, .panorama_buttons_img {
   filter: invert(8%) sepia(84%) saturate(100%) hue-rotate(235deg) brightness(83%) contrast(126%);
}

.titre {
font-family: 'minion';
color:#000045;
text-shadow: #F5F5F5 1px 0 10px;
}

a img:hover{
	opacity: 0.6;
}


.legende {
	opacity: 0;
}

.survol:hover img {
	opacity: 1;
}

.survol:hover .legende {
    opacity: 1;
		transition: all 0.2s ease; 
} 


@media all and (min-width: 100px) {
	.titre{
		font-size: 30pt;
		margin-top:0;
		line-height: 1;
	} 
.legende {
	opacity: 1;
}
}

@media all and (min-width: 900px)  {
	.titre{
		font-size: 45pt;
		margin-top:-45;
		line-height: 1;
	} 
	.legende {
	opacity: 0;
}
}

@media all and (min-width: 1500px) {
	.titre{
		font-size: 90pt;
		line-height: 0.9;
		margin-top:-45;
	} 
	.legende {
	opacity: 0;
}
}

@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:450;
}
	
.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;
	top:0;

}
	
	.full_width_repro {
	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;
}