@media all and (max-width: 900px) {

.doctext_C_1{
	color:black;
}

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

.header_img, .mobile_icon, .panorama_button_prev, .panorama_button_next {
   filter: invert(67%) sepia(7%) saturate(10%) hue-rotate(25deg) brightness(100%) contrast(83%);
}

.textegris, .titreexpo, .titreoeuvre, .textbio, .gdtitrerubrique, .titrerubrique, .textedate, .lien_couleur, .lien_couleur:visited,  .lien_couleur:link, .serif{
	color:black;
}

.hr_style {
	background-color: black;
}
}


@media all and (min-width: 900px) {

.doctext_C_1{
	color:white;
}

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

.header_img, .mobile_icon, .panorama_button_prev, .panorama_button_next {
   filter: invert(67%) sepia(7%) saturate(10%) hue-rotate(25deg) brightness(100%) contrast(83%);
}

.textegris, .titreexpo, .titreoeuvre, .textbio, .gdtitrerubrique, .titrerubrique, .textedate, .lien_couleur, .lien_couleur:visited,  .lien_couleur:link, .serif{
	color:white;
}

.hr_style {
	background-color: white;
}
}



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

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

.home .allover {
padding: 0;
top:0;
z-index: -1;
min-width: 800;
}

.titreoeuvre_mosaique, .sstitreoeuvre_mosaique {
padding:10 30;
font-family: SimplonNormRegular, Helvetica, Arial, sans-serif;
}

.titreoeuvre_mosaique {
font-size: 20pt;
}

.sstitreoeuvre_mosaique {
font-size: 15pt;
}

.home a img:hover {
opacity: 0.7;
}

@media all and (min-width: 650px) and (max-width: 1300px) {

.titreoeuvre_mosaique, .sstitreoeuvre_mosaique {
font-weight: 900;
}

.titreoeuvre_mosaique {
font-size: 10pt;
}
.sstitreoeuvre_mosaique {
font-size: 8pt;
}

}



#fleche a {
display: none;
}


@media all and (min-width: 1300px) {

#fleche a {
display: block;
font-family: SimplonNormRegular, Helvetica, Arial, sans-serif;
position: absolute;
top:50%;
left:45%;
color:white;
font-size: 100;
}

#fleche a:hover {
text-decoration:none;
color:black;
}
}