html body { 
	background-color: #1a001a; 
	font-family:Arial; 
	padding: 0;
	margin: 0;
	color: #c9c9f5;
}

#fond {
	position:relative;
	z-index: -99;
	width: 800px;
	height: 100%;
	margin: auto;
	bottom: 0;
	top: 0;
	padding: 0px;
	border: 5px solid #3a003a;
	background-image : url(../ressources/galaxy_bg.gif);
	background-attachment: fixed;
	z-index: 1;
	overflow: hidden;
}

#contenu {
	position: relative;
	top: 35px;
	margin: auto;
	padding: 0;
	font-family:Arial; 
	z-index: 2;
	border: 0;
	overflow: hidden;
	width: 710px;
}

#chronobio {
	border: 1px solid #333366;
	border-radius: 20px; 
	padding: 0 5px 7px 5px;
	text-align: center;
	z-index: 2;
}

#chronobio  object {
	margin: auto;
	text-align: center;
	width: 694px;
	height: 485px;
	border: 0; 
	z-index: 3; 
}

.chronobio {
	background: url(../ressources/06/chronobio.png) left 10px top 10px no-repeat transparent;
	border: 0;
	z-index: 4;
	height: 490px;
}

#einstein {
	position: relative;
	margin: 0px auto 12px auto;
	text-align: justify;
	padding: 12px 30px 12px 30px;
	width: 600px;
	background-image: url("../ressources/06/einstein_5.png");
	background-position: 50% 50%; 
	border: 1px solid #323264; 
	border-radius: 20px; /**/
}
.einstein {
	color: #cbbcfc;
	font-size: 16px;
	font-style: italic; 
	font-weight: 400; 
}

p {
	font-size: 14px;
	font-weight: 200;
	line-height: 140%;
}

li {
	line-height: 140%;
	padding: 5px 10px 5px 0px;
	font-weight: 400;
	font-size: 14px;
	text-align: justify;
}
h1 { 
	color: #ffffbb; 
	font-family:Arial; 
	font-size:24px; 
	line-height: 130%; 
}
h2 { 
	color: #ffdd22;
	font-family:Arial; 
	font-size:24px; 
	line-height: 140%; 
}
h3 { 
	font-family:Arial; 
	font-size:18px; 
	line-height: 150%; 
	padding: 0 16px 0 15px;
}
h4 { 
	color:white; 
	font-family:Arial; 
	font-size:16px; 
	line-height: 150%; 
}

#h16 {
	font-weight: 200; 
	font-size: 16px; 
	padding: 14px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 150%;
}
#h17 {
	font-weight: 200; 
	font-size: 17px; 
	padding: 15px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 160%;
}
#h18 {
	font-weight: 200; 
	font-size: 18px; 
	padding: 15px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 170%;
}
#h20 {
	font-weight: 200; 
	font-size: 20px; 
	padding: 15px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 175%;
}
#h24c {
	font-weight: 200; 
	font-size: 26px; 
	padding: 5px; 
	color: #ffdd22; 
	line-height: 125%;
	margin: 23px;
	border: 1px solid #323264; 
	border-radius: 10px;
}

.in {
	font-style: italic;
	font-weight: 400; 
}
.bn {
	font-weight: 600; 
}
.ib {
	font-style: italic;
	font-weight: 600; 
}
.j {
	text-align: justify;
	font-family:Arial; 
	padding: 0 9px 0 10px;
}

.pjm {
	text-align: justify;
	color:white; 
	font-family:Arial; 
}

#lien10 a.lien10 {
	text-decoration: none;
	color: rgb(90, 190, 255); 
}

#lien10 a.lien10:hover {
	text-decoration: underline;
	background: url(../ressources/fleche-left-red-smal-active.png) left 0px bottom 8px no-repeat;
	color: red; 
}
#lien10 a.lien10:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	text-decoration: none;
}

#lien12 {
	font-family:Arial; 
	font-weight:400; 
	font-size:12px; 
}

#lien12 a.lien12 {
	text-decoration: none;
	padding: 0 0px 0px 8px;
	color: rgb(90, 190, 255); 
	background: url(../ressources/fleche-left-red-smal.png) left 2px bottom 3px no-repeat;
}
#lien12 a.lien12:hover {
	color:yellow; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0 0px 0px 9px;
	background: url(../ressources/fleche-left-red-smal-active.png) left 0px bottom 2px no-repeat;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}
#lien12 a.lien12:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../ressources/fleche-left-active-red.png) left 0px bottom 2px no-repeat;
}

#lien14 {
	font-family:Arial; 
	font-weight:400; 
	font-size:14px; 
	margin: 0 0 0 0px; 
}

#lien14 a.lien14 {
	text-decoration: none;
	padding: 0 0px 0px 8px;
	color: rgb(90, 190, 255); 
	background: url(../ressources/fleche-left-blue.png) left 0px bottom 1px no-repeat;
}
#lien14 a.lien14:hover {
	color:yellow; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0 0px 0px 8px;
	background: url(../ressources/fleche-left-red.png) left 0px bottom 2px no-repeat;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}
#lien14 a.lien14:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../ressources/fleche-left-active-red.png) left 0px bottom 2px no-repeat;
	font-weight:400; 
}

#lien16 {
	font-family:Arial; 
	font-weight:400; 
	font-size:16px; 
	margin: 0;
}

#lien16 a.lien16 {
	text-decoration: none;
	padding: 0 0px 0px 9px;
	color: rgb(90, 190, 255); 
	background: url(../ressources/fleche-left-red.png) left 0px bottom 3px no-repeat;
}
#lien16 a.lien16:hover {
	color:yellow; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0 0px 0px 10px;
	background: url(../ressources/fleche-left-active-red.png) left 0px bottom 2px no-repeat;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}
#lien16 a.lien16:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../ressources/fleche-left-active-red.png) left 0px bottom 2px no-repeat;
}

a:link { 
	color:#8000ff; 
	text-decoration: none; 
	border: 0;
	color:#000; 
}
a:active { 
	color:#bb8888; 
	text-decoration: none; 
}
a:hover { 
	color:#ffbbbb; 
	font-family:Arial; 
	text-decoration: underline; 
}
a:visited { 
	color:#8000ff; 
	text-decoration: none; 
	border: 0;
}

.boite_top {   
	position: fixed;
	top: 0;
	height: 2px;
	border-top: 5px solid #3a003a;
	width: 800px;
	z-index: 8;
	margin: 0px;
	background-image : url(../ressources/galaxy_bg.gif);
}

#fixetop_bando {
	z-index: 9;
	width: 797px;
	margin: 0px;
	top: 6px;
	padding: 0px 0 0 0;
	border: 1px solid #333366; 
	border-radius: 5px;
	background-image : url(../ressources/galaxy_bg.gif);
	position: fixed; 
	text-align: center;
}

#addin_bas {
	z-index: 3;
	margin: 3px 0 0px 0;
	padding: 4px 4px 0 4px;
	float: right; 
	position: relative;
	border: 1px solid #333366; 
	border-radius: 4px;
}
#add_bas {
	line-height: 100%; 
	font-size: 10px;
}

.add_bas_left {
	text-align: left; 
	margin: 16px 0px 0px 2px; 
	padding: 0;
	width: 200px; 
	height: 10px;
	letter-spacing: -0.1px; 
}

.add_bas_right {
	text-align: right; 
	margin: 0px 2px 3px 0px; 
}

#add_bas a.add_bas   {
	color:  rgb(105, 125, 190); 
	text-decoration: none; 
	font-family:Arial; 
	font-weight: 400;
}
#add_bas a.add_bas:hover {
	color: #a949aF; 
	text-decoration: underline; 
	font-family:Arial; 
	font-weight: 400;
}

#boutons_bas {
	text-align: right; 
	margin: 0px ; 
	background: transparent;
}
.boutons_bas {
	margin: -8px -5px -9px 0; 
	padding: 0;
	text-align: right;
	line-height: 100%; 
	background: transparent;
}
#sign {
	z-index: 3;
	width: 799px;
	padding: 0;
	color: #9999cc;
	position: fixed;
	bottom: 35px;
	margin-right: 20px; 
	background-image: url(../ressources/galaxy_bg.gif); 
	margin: 0 0 0 0px;
	color: rgb(153, 153, 204);
}

.sign {
	margin: -15px auto 0 auto; 
	width: 50%; 
	text-align: center; 
	height: 10px;
	position: relative;
}

.addinto_sharebox .social_buttons a {
	width: 32px;
	height: 32px;
}
.addinto_sharebox .social_buttons a img {
	opacity: 1.2;
	border:0 none;
}
.addinto_sharebox .social_buttons a:hover img {
	opacity: 0.7;
}

#boite_bas {
	z-index: 9;
	width: 797px;
	margin: 0px;
	bottom: 6px;
	padding: 0px 0 0 0;
	border: 1px solid #333366; 
	border-radius: 5px;
	background-image : url(../ressources/galaxy_bg.gif);
	position: fixed; 
  }

.boite_bas {
	z-index: 5;
	width: 800px;
	position: fixed; 
	margin-left: 0px;
	bottom: 0px;
	border-bottom: 5px solid #3a003a;
	background-image : url(../ressources/galaxy_bg.gif);
	height: 4px;
 }
  
.b_bas {
	margin: 0px 0px -5px 0px;
	text-align: center;
	line-height: 16px;
}  

#topimago {
	position: relative; 
	top: -500px; 
	height: 481px; 
	width: 650px; 
	margin: 0 auto; 
	padding: 0;
	z-index: 1;
	opacity: 0.01;
	border: 0:
}
#topimago img {
	height: 450px; 
	width: 650px; 
	border: 0;
	margin: 0; 
	padding: 0;
}