body {
	padding:0;
	margin:0;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	background-color: #000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url("../../images/fonds/sunset.jpg");
	background-size: cover;
	/*background-size: 100% 100%;
  	-webkit-background-size: 100% 100%;
  	-o-background-size: 100% 100%;*/
	}

a { color: #cfb601; text-decoration:underline; }
a:hover { color: #c70607; text-decoration:underline; }

.titre { text-align:center; color: #777; font-weight: bold; font-size: 19px; text-decoration: underline; }

form { /*max-width: 800px;*/ display: inline-block; border: solid 1px #999; padding: 3px 3px 3px 3px; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); }
input[type="submit"], input[type="reset"] { color: #999; font-size:16px; background-color: black; border: solid 1px #444; margin: 1px 3px 1px 3px; }
input[type="text"] { color: #999; font-size:16px; background-color: black; border: solid 1px #444; }
input[type="password"] { color: #999; font-size:16px; background-color: black; border: solid 1px #444; }
textarea { color: #999; font-size:16px; background-color: black; border: solid 1px #444; }
select { color: #999; font-size:16px; background-color: black; border: solid 1px #444; }

.texte { color: #aaa; font-size:18px; text-decoration: none; }
.petit_texte { color: #aaa; font-size:16px; text-decoration: none; }

/* https://juliencrego.com/astuces/ */
#menualchimique { opacity:0.9; width: 166px; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); }
#menualchimique, #menualchimique ul { list-style-type: none; margin: 0px; padding: 0px; }
#menualchimique ul { display: none; }
#menualchimique li { position: relative; }
#menualchimique a { text-decoration: none; display: block; width: 160px; height: 30px; line-height: 30px; padding: 3px 10px; text-align: left; }
#menualchimique li:hover ul { display: block ; position: absolute; top: 3px; left: 160px; z-index: 100; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); }
#menualchimique li { background-color: #222; }
#menualchimique li a { color: #aaa; }
#menualchimique li:hover { background-color: #249; }
#menualchimique li:hover a { color: #aaa; }
#menualchimique ul li { background-color: #222; }
#menualchimique ul li:hover { background-color: #249; }
#menualchimique ul li a { color: #999; }
#menualchimique ul li:hover a { color: #aaa; }
#menualchimique li ul li a { width: 200px; }

.bodyline1 {
	position:fixed;
	top: 212px; left: 0px;
	padding: 3px 3px 3px 3px;
	line-height: 100%;
	z-index:90;
	}

.bodyline2 {
	position:relative;
	margin: 0px 176px 0px 176px;
	}
.bodyline22 {
	position:relative;
	padding: 3px 3px 3px 3px;
	margin: auto;
	margin-top: 0px;
	width: 1034px;
	background: rgba(0, 0, 0, 0.9);
	line-height: 130%;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	}
.logoline22 { box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); }

.bodyline3 {
	position:fixed;
	bottom: 3px; right: 3px; opacity:0.9; width: 154px; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	padding: 3px 6px 3px 6px;
	line-height: 100%; font-size:11px;
	text-align: left;
	background-color: #222;
	}

.lst_titre { color:dark-gray; vertical-align: bottom; border-bottom: solid 1px #cfb601; border-left: solid 1px #cfb601; font-weight: bold; }
.lst_pair { color:dark-gray; vertical-align: top; border-bottom: solid 1px gray; border-left: solid 1px gray; }
.lst_impair { color:dark-gray; vertical-align: top; border-bottom: solid 1px gray; border-left: solid 1px gray; }