/*
html {
    --scroll-behavior: smooth;
    scroll-behavior: smooth;
}

*/


/* TYPO */

@font-face {
font-family: 'NeueHaas';
src: url('typo/NeueHaasDisplayMedium.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'NeueHaasItalic';
src: url('typo/NeueHaasDisplayMediumItalic.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'NeueHaasLight';
src: url('typo/NeueHaasDisplayLight.ttf');
font-weight: normal;
font-style: normal;
}

.textegris, .lien_extern, .lien_extern:link {
font-family: Times, "Times New Roman", "serif";
font-size:14pt;
line-height:19pt;
}

.titre {
font-family: 'NeueHaas', Helvetica, Arial, "sans-serif";
font-size: 18pt;
line-height: 20pt;

}

.titre-italic {
  font-family: 'NeueHaasItalic', Helvetica, Arial, "sans-serif";
  font-size: 18pt;
  line-height: 20pt;
}

.titreoeuvre_mosaique {
font-family: 'NeueHaas', Helvetica, Arial, "sans-serif";
font-size:30pt;
line-height: 32pt;
margin-left: -250;
}

.date {
font-family: SimplonNormRegular, Helvetica, Arial, sans-serif;
font-size:12pt;
line-height: 0.7em;
}


/* COULEUR */

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

.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%);
}

.hr_style {
	background-color: #000000;
}

a:hover, a:active {
	color:#0000DC;
  text-decoration: none;
}

.lien_extern {
color:#0000DC;
}

.home_hayoung img:hover {
opacity: 0.8;
}


/* PAGES */


body {
background-color: #F7F7F7;
}

.copyright_container {
position: fixed;
bottom:0;
left:0;
width:99%;
min-width: 1000;
text-align: right;
background-color: #F7F7F7;
padding-top:10;
padding-bottom:10;
z-index: 1;
}


.content {
position: absolute;
left:0;
top:0;
width:100%;
min-width: 1000;
z-index: 3;
}


.home_hayoung {
position: relative;
}

.modal_close {
font-family: 'NeueHaasLight', Helvetica, Arial, "sans-serif";
  position: fixed;
  top: -8px;
  right: 20px;
  color: black;
  text-decoration: none;
  font-size: 100;
}



/* MENU */


.menu_ordi {
font-family: SimplonNormRegular, Helvetica, Arial, sans-serif;
font-size:12pt;
line-height: 1.3em;
position: fixed;
bottom:10;
left:30;
z-index: 5;
}

.menu_mobile{
font-family: 'NeueHaas', Helvetica, Arial, "sans-serif";
font-size:20;
position: fixed;
bottom:0;
left:0;
height:40;
min-width:1000;
background-color: #F7F7F7;
z-index: 5;
}



/* RESPONSIVE */


@media all and (min-width: 100px) {
.responsive {
  width: 800px;
}
.titreoeuvre_mosaique {
font-size: 30;
line-height: 1;
}
.date {
font-size: 10pt;
}
}

@media all and (max-width: 1200px) {
.home_hayoung {
position: absolute;
left:30;
top:490;
width:100%;
min-width: 800;
}

.titreoeuvre_mosaique {
font-size: 35;
}
.menu_ordi {
display: none;
}

.copyright_container {
padding-bottom:70;
}
}


@media all and (min-width: 1200px) {
.home_hayoung {
width: 1000;
margin-top:-65;
margin-left:105;
}

.responsive {
  width: 1000px;
}

.menu_mobile {
display: none;
}
.titreoeuvre_mosaique {
font-size: 30;
line-height: 1;
}
.date {
font-size: 10pt;
}

}


@media all and (min-width: 1400px) {
.responsive {
width: 1200;
}
.titreoeuvre_mosaique {
font-size: 30pt;
line-height: 1;
}
}

@media all and (min-width: 1500px) {
.home_hayoung {
width: 1300;
}
.titreoeuvre_mosaique {
font-size: 35pt;
line-height: 1;
}
.date {
font-size: 12pt;
}
}

@media all and (min-width: 1800px) {
.home_hayoung {
width: 1400;
}
}