/* CSS Stylesheet */

/* Marker style ------------------------------------------------------------- */

html
{
	height : 100%; /* of the browser window */
}

@font-face
{
	font-family : "myfont";
	src : url('fonts/Roboto-Light.ttf') format('truetype');
}

@font-face
{
	font-family : "myfont-thin";
	src : url('fonts/Roboto-Thin.ttf') format('truetype');
}

@font-face
{
	font-family : "myfont-bold";
	src : url('fonts/Roboto-Regular.ttf') format('truetype');
}

body, html, p, tr, td
{
	/* font-family : myfont, "Arial Black", Gisha, "Levenim MT", "Trebuchet MS", "Lucida Sans", "Tempus Sans ITC", "Maiandra GD", Arial, serif; */
	font-family : myfont, sans-serif;
	/* font-size : 90%; */
}

h1, h2, h3, h4, h5, nav
{
	font-family : myfont-bold, sans-serif;
}

a {
	text-decoration: none;
	font-weight: bold;
	/* color: #cccccc; */
}

a:hover, a strong:hover {
	color: #aaa;
}




/* User style --------------------------------------------------------------- */



.chinois
{
	font-size : 110%;
	color : rgb(100,100,100);
	font-family : SimHei, SimSun-ExtB, "Arial Unicode MS Normal", MingLiu, serif;
}

.pagesize
{
	width : 100%;
	/* min-width : 500px; */
	/* max-width : 1500px; */
	height : 100%;
	margin : auto; /* horizontal centering */
	/*position : relative;*/
	padding-bottom : 0px; /* internal margin */
	margin-bottom : 0px; /* marge extérieure */
	overflow : hidden;
	/* background-color : blue; */
}

.contents
{
	height : 100%;
	display : block;
	position : relative;
	margin-top : 0px;
	margin-left : 0px;
    text-align : left;
	overflow : auto;
	/* background-color : red; */
}

.contents section
{
	display : block;
	position : relative;
	top : 40px;
	/*position : relative;
	top : 50%;
	transform : translate(0%,-50%); /* vertical centering */
	/* background-color : magenta; */
}

.contents section p
{
	margin-right : 10px;
}








/* Style of the load and save buttons */
.button1
{
	cursor: pointer;
	background-color: #aaaaaa;
	color: #ffffff;
	border-radius: 10px;
	padding: 10px 20px;
	margin: 10px;
	display: inline-block;
}

.button1:hover
{
	background-color: #888888;
	/* box-shadow: 0 0 8px black; */
}


.textnote
{
	font-size : 90%;
}

.exponame
{
	font-weight : bold;
}

.journal
{
	font-style : italic;
}

.author
{
	font-weight : bold;
}

.tabtxt
{
	/* font-size : 120%; */
	text-align : left;
	border-spacing : 0px 10px;
	margin-left : 0px;
	/* color : rgb(153,153,153); */
}

.tabnum
{
	/* font-size : 120%; */
	text-align : left;
	border-spacing : 0px 10px;
	margin-left : 0px;
	/* color : rgb(153,153,153); */
	counter-reset : rowNumber;
}

.tabnum tr::before
{
	display : table-cell;
	counter-increment : rowNumber;
	content : counter(rowNumber) ".";
	padding-right : 0.3em;
	text-align : right;
}


.w3-signal-yellow
{color:#fff;background-color:#f7ba0b}

.w3-signal-orange
{color:#fff;background-color:#d4652f}

.w3-signal-red
{color:#fff;background-color:#a02128}

.w3-signal-violet
{color:#fff;background-color:#904684}

.w3-signal-blue
{color:#fff;background-color:#154889}

.w3-signal-green
{color:#fff;background-color:#317f43}

.w3-signal-grey
{color:#fff;background-color:#9b9b9b}

.w3-signal-brown
{color:#fff;background-color:#7b5141}

.w3-signal-white
{color:#000;background-color:#f4f4f4}

.w3-signal-black
{color:#fff;background-color:#282828}