.cursor {
cursor: url("images/pt/detail.png"), pointer;	
}

.cursor:hover {
opacity: 0.9;
}

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

.hr_style {
	background-color: #909090;
}

.menu_burger:before, .menu_burger:after, .menu_burger div{
   background: #909090;
}
.header_img, .mobile_icon, .panorama_buttons_img {
   filter: invert(64%) sepia(3%) saturate(19%) hue-rotate(350deg) brightness(90%) contrast(83%);
}

.mobile_header {
background-color: #909090;
padding: 10 50 10 10;
overflow: hidden;
}

@font-face {
font-family: 'RobotoBold';
src: url("RobotoBold.ttf");
font-weight: normal;
font-style: normal;
}

.bold {
	font-family: 'RobotoBold';
}


#repro1 {
background: url('images/pt/1.jpg');
display: block;
}

#repro1:hover {
background: url('images/pt/1-hover.jpg');
display: block;
}

#repro2 {
background: url('images/pt/2.jpg');
display: block;
}

#repro2:hover {
background: url('images/pt/2-hover.jpg');
display: block;
}

#repro3 {
background: url('images/pt/3.jpg');
display: block;
}

#repro3:hover {
background: url('images/pt/3-hover.jpg');
display: block;
}

#repro4 {
background: url('images/pt/4.jpg');
display: block;
}

#repro4:hover {
background: url('images/pt/4-hover.jpg');
display: block;
}

#repro5 {
background: url('images/pt/5.jpg');
display: block;
}

#repro5:hover {
background: url('images/pt/5-hover.jpg');
display: block;
}

#repro6 {
background: url('images/pt/6.jpg');
display: block;
}

#repro6:hover {
background: url('images/pt/6-hover.jpg');
display: block;
}

#repro7 {
background: url('images/pt/7.jpg');
display: block;
}


#repro7:hover {
background: url('images/pt/7-hover.jpg');
display: block;
}

#repro8 {
background: url('images/pt/8.jpg');
display: block;
}

#repro8:hover {
background: url('images/pt/8-hover.jpg');
display: block;
}

#repro9 {
background: url('images/pt/9.jpg');
display: block;
}

#repro9:hover {
background: url('images/pt/9-hover.jpg');
display: block;
}

#repro10 {
background: url('images/pt/10.jpg');
display: block;
}

#repro10:hover {
background: url('images/pt/10-hover.jpg');
display: block;
}

#repro11 {
background: url('images/pt/11.jpg');
display: block;
}

#repro11:hover {
background: url('images/pt/11-hover.jpg');
display: block;
}


#repro12 {
background: url('images/pt/12.jpg');
display: block;
}

#repro12:hover {
background: url('images/pt/12-hover.jpg');
display: block;
}


/*@media screen and (max-width: 500px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 400px;
}
}



@media all and (min-width: 500px) and (max-width: 600px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 400px;
}

}



@media all and (min-width: 600px) and (max-width: 700px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 400px;
}

}

@media all and (min-width: 700px) and (max-width: 800px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 400px;
}

}


@media all and (min-width: 800px) and (max-width: 900px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 500px;
}

}

@media all and (min-width: 900px) and (max-width: 950px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 550px;
}

}


@media all and (min-width: 950px) and (max-width: 1000px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 600px;
}

}


@media all and (min-width: 1000px) and (max-width: 1050px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 650px;
}

}


@media all and (min-width: 1050px) and (max-width: 1100px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 700px;
}

}


@media all and (min-width: 1100px) and (max-width: 1150px) {
.responsive img, .responsive2 img, .panorama_img_div img {
  width: 750px;
}

}


@media all and (min-width: 1150px) and (max-width: 1200px) {
.responsive img, .responsive_tableau {
  width: 800px;
}

}
*/

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

}

@media all and (min-width: 1200px) and (max-width: 1250px) {
.responsive img, .responsive_tableau {
  width: 850px;
}

}


@media all and (min-width: 1250px) and (max-width: 1300px) {
.responsive img, .responsive_tableau {
  width: 900px;
}

}


@media all and (min-width: 1300px) and (max-width: 1350px) {
.responsive img, .responsive_tableau {
  width: 950px;
}

}

@media all and (min-width: 1350px) and (max-width: 1400px) {
.responsive img, .responsive_tableau {
  width: 1000px;
}

}


@media all and (min-width: 1400px) and (max-width: 1450px) {
.responsive img, .responsive_tableau {
  width: 1050px;
}
}

@media all and (min-width: 1450px) and (max-width: 1500px) {
.responsive img, .responsive_tableau {
  width: 1100px;
}
}

@media all and (min-width: 1500px) and (max-width: 1550px) {
.responsive img, .responsive_tableau {
  width: 1150px;
}
}

@media all and (min-width: 1550px) and (max-width: 1600px) {
.responsive img, .responsive_tableau {
  width: 1200px;
}
}

@media all and (min-width: 1600px) and (max-width: 1650px) {
.responsive img, .responsive_tableau {
  width: 1200px;
}
}

@media all and (min-width: 1650px) and (max-width: 1700px) {
.responsive img, .responsive_tableau {
  width: 1200px;
}
}

@media all and (min-width: 1700px) and (max-width: 1750px) {
.responsive img, .responsive_tableau {
  width: 1200px;
}
}


@media all and (min-width: 1750px) and (max-width: 3000px) {
.responsive img, .responsive_tableau {
  width: 1250px;
}
}

@media all and (min-width: 1100px) and (max-width: 3000px) {
.texte_mobile p {
		display: none;
	}
}

@media all and (min-width: 100px) and (max-width: 1100px) {
.texte_ordi p {
		display: none;
	}
}

.responsive_tableau img {
	width:100%;
}