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/spacewallpaper.jpg");
	background-size: 100% 100%;
  	-webkit-background-size: 100% 100%;
  	-o-background-size: 100% 100%;
	}

a { color: #ffc601; text-decoration:underline; }
a:hover { color: #f70607; text-decoration:underline; }

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

form { max-width: 800px; display: inline-block; border: solid 1px #333; padding: 3px 3px 3px 3px; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); }
input[type="submit"], input[type="reset"] { color: #aaa; font-size:16px; background-color: black; border: solid 1px #444; }
input[type="text"] { color: #aaa; font-size:16px; background-color: black; border: solid 1px #444; }
textarea { color: #aaa; font-size:16px; background-color: black; border: solid 1px #444; }
select { color: #aaa; 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: 300px; left: 0px;
	padding: 3px 3px 3px 3px;
	line-height: 100%;
	z-index:90;
	}

.bodyline2 {
	position:relative;
	margin: 3px 176px 3px 176px;
	}
.bodyline22 {
	position:relative;
	padding: 3px 3px 3px 3px;
	margin: auto;
	width: 940px;
	background-color: #000;
	line-height: 130%;
	opacity:1;
	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); }
.bodyline22 img { opacity:1; }

.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 { vertical-align: bottom; border-bottom: solid 1px #93bd76; border-left: solid 1px #93bd76; font-weight: bold; }
.lst_pair { vertical-align: top; border-bottom: solid 1px gray; border-left: solid 1px gray; }
.lst_impair { vertical-align: top; border-bottom: solid 1px gray; border-left: solid 1px gray; }