@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400&display=swap');

body {
    background-color: #ffffff;
	overflow-x:hidden;
	-webkit-transition:background 0.25s; -moz-transition:background 0.25s; -o-transition:background 0.25s; transition:background 0.25s;
	font-size:18px;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
	margin:0;
	font-family: "Times New Roman", Times, "Nimbus Roman No9 L", "Liberation Serif",'EB Garamond', serif;
	font-weight: 400;
	color:#000;
	box-sizing: border-box;
}

#container{ margin:15px; }

a { color:#000; text-decoration: underline; }
a:hover { color:#000; }
a:focus { outline: none; }

.listed{ margin-bottom: 20px; }
.listedvideo { max-width:600px; margin-top:40px; margin-bottom:60px; }

.yueyuan { font-size:18pt; margin-bottom:30px; }

.texte { font-size:16px; margin:0px; position:absolute; right:15px; top:15px; text-align:justify; }


ul{	list-style: none; padding:0px; margin:0px; }
li{ margin-bottom:2px; }

#nav{ margin-left:10vw; margin-top:50px;  }

#entry-title{ }
#entry-subtitle{ margin-bottom:10px; }

.infos{ font-size:14px; }
.infos li{ margin-bottom:10px; }

article { margin: 2.5vh 0;}

.worksimg img{ max-height:85vh; max-width:700px; margin-bottom:2.5vh; }

.carousel{ margin: 5vh 0;}

.worksvideo{ max-height:85vh; max-width:700px; margin-bottom:2.5vh; }

.text{ font-size:16px; max-width:700px; text-align:justify;}

iframe .vp-title{ display:none; }

@media (max-width: 1024px){  

.texte, .text { font-size:16px;}
#nav{ margin: 35px 0px 0px 0px; font-size:16px; }
#nav.infos{ font-size:13px; }
li{margin-bottom:2px;}
.listedvideo { max-width:100%; }
.worksimg img{ max-width:100%;}

.responsive-video {	margin: 24px auto;	position: relative;	padding-bottom: 56.25%;	height: 0;	overflow: hidden;	max-width: 100%; }
.responsive-video iframe, .responsive-video object, .responsive-video embed {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; }


}