a img:hover {
	opacity:0.6;
}

#accroche {
	position:absolute;
	left:0;
}


#screen {
	position:absolute;
	left:30;
	bottom:30;
	position:fixed;
}

@font-face {
	font-family:georgia;
    src: url('../../site/fonts/SimplonNorm-Medium-WebXL.ttf');
}

#background-video {
height: 100vh;
width: 100vw;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}

h1, h2, #btnVideo{

color: white;

font-family: Trebuchet MS;

font-weight: bold;

text-align: center;

}

h1 {
font-size: 6rem;
margin-top: 30vh;
}

h2 { font-size: 3rem; }

#btnVideo{
font-size: 1.5rem;
background: 0;
border: 0;
margin-left: 50%;
transform: translateX(-50%);
}

.titreoeuvre_mosaique {
font-family: 'georgia';
font-size: 14pt;
text-decoration: none;
font-style: normal;
color:#D0001D;
}

.doctext_C_1, .gdtitrerubrique, .titrerubrique, .textegrisclair, .lien_couleur {
	color:#D0001D;
}

.lien_couleur, .lien_couleur:link, .lien_couleur:visited, .lien_extern:link, .lien_extern:visited, .lien_lien, .textedate {
    color: #D0001D;
	}

.hr_style {
	background-color:#D0001D;
}

.menu_burger:before, .menu_burger:after, .menu_burger div{
    background: #D0001D;
}
.header_img, .mobile_icon{
    filter: invert(22%) sepia(96%) saturate(5953%) hue-rotate(344deg) brightness(78%) contrast(114%);
}

@media all and (min-width: 100px) {
	.responsive_tableau img {
		width:250;
		margin-right:20;
		margin-bottom:10;
	}
	img.responsive{
		width:800;
	} 
}

@media all and (min-width: 1200px) {
	.responsive_tableau img {
		width:300;
		margin-right:20;
		margin-bottom:10;
	}
	img.responsive{
		width:900;
	} 
}

@media all and (min-width: 1300px) {
	.responsive_tableau img {
		width:330;
		margin-right:20;
		margin-bottom:10;
	}
	img.responsive{
		width:1000;
	} 
}


@media all and (min-width: 1400px) {
	.responsive_tableau img {
		width:360;
		margin-right:20;
		margin-bottom:10;
	}
	img.responsive{
		width:1100;
	} 
}


@media all and (min-width: 1500px) {
	.responsive_tableau img {
		width:390;
		margin-right:20;
		margin-bottom:10;
	}
	img.responsive{
		width:1100;
	} 
}

@media all and (min-width: 1600px) {
	.responsive_tableau img {
		width:420;
		margin-right:20;
		margin-bottom:10;
	}
	img.responsive{
		width:1300;
	} 
}