body {
	backgournd-color:#FFFFFF;
	background-image: url(../images/fond.jpg);
	background-position: top center;
	backgournd-repeat:no-repeat;
}
#localisation {	position:absolute;
	top:5px;
	left:50px;
}
#titre {	position:absolute;
	top:20px;
	left:70px;
	font-size:4em;
}
#titre_flash_planete {
	position:absolute;
	width:427px;
	height:22px;
	z-index:12;
	left: 119px;
	top: 86px;
}
#flash_planete {
	position:absolute;
	width:413px;
	height:234px;
	z-index:4;
	left: 119px;
	top: 123px;
	visibility: visible;
}
#membre {	position:absolute;
	top:16px;
	left:566px;
	width:640px;
	padding-left:10px;
	padding-top:5px;
    background-color:#3978AB;
	background-position: bottom left;
	backgournd-repeat:y-repeat;
   	z-index:10;
   	font-size:small;
   	color:#000000;
   	height:25px;
   	border:1px solid #000000;
}
#membre span {	padding-left:5px;
}
#membre input {	border:1px solid #000000;
	font-weight:bold;
	font-size:x-small;
	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
}
#titre_edito {
	position:absolute;
	width:587px;
	height:32px;
	z-index:6;
	left: 565px;
	top: 56px;
}
#edito {
	position:absolute;
	width:400px;
	height:178px;
	z-index:5;
	left: 565px;
	top: 81px;
	padding:0px;
	margin:0px;
}
#video1 {
	position:absolute;
	top:420px;
	left:565px;
}
#video1 img {	width:133px;
	height:100px;
}
#video2 {
	position:absolute;
	top:420px;
	left:705px;
}
#video2 img {
	width:133px;
	height:100px;
}
#video3 {
	position:absolute;
	top:535px;
	left:565px;
}
#video3 img {
	width:133px;
	height:100px;
}
#video4 {
	position:absolute;
	top:535px;
	left:705px;
}
#video4 img {
	width:133px;
	height:100px;
}
#titre_histoire {
	position:absolute;
	width:250px;
	height:32px;
	z-index:6;
	left: 850px;
	top: 440px;
}
#histoire {
	position:absolute;
	width:375px;
	height:178px;
	z-index:5;
	left: 850px;
	top: 470px;
	padding:0px;
	margin:0px;
}

#articles {	position:absolute;
	top:260px;
	left:565px;
	width:400px;
	height:150Px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	filter:alpha(opacity=30);
   	-moz-opacity:0.3;
   	opacity: 0.3;
}
#dessin {
	position:absolute;
	top:95px;
	left:975px;
	width:240px;
	height:130px;
	background-color:#3978AB;
}
#dessin a{	display:block;
	width:100%;
	height:30px;
	margin-bottom:3px;
	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
   	border:1px solid #000000;
}
#dessin a:hover {	filter:alpha(opacity=90);
   	-moz-opacity:0.9;
   	opacity: 0.9;
}
#titre_edito_pro {
	position:absolute;
	width:279px;
	height:32px;
	z-index:6;
	left: 980px;
	top: 260px;
}
#edito_pro {
	position:absolute;
	width:240px;
	height:148px;
	z-index:5;
	left: 980px;
	top: 290px;
	padding:0px;
	margin:0px;
}
#avatar {	position:absolute;
	left:40px;
	top:415px;
	width:150px;
	height:150px;
	background-color:#FFFFFF;
	border:1px solid #000000;
}
#robot {	position:absolute;
	left:470px;
	top:570px;
	width:75px;
	height:75px;
	background-color:#CCCCCC;
	border:1px solid #000000;
}
#bulle-avatar{	position:absolute;
	top:415px;
	left:200px;
	width:345px;
	height:150px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	filter:alpha(opacity=30);
   	-moz-opacity:0.3;
   	opacity: 0.3;
}
#bulle-avatar:hover {	filter:alpha(opacity=80);
   	-moz-opacity:0.8;
   	opacity: 0.8;
}
#bulle-robot{
	position:absolute;
	top:570px;
	left:40px;
	width:420px;
	height:75px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	filter:alpha(opacity=30);
   	-moz-opacity:0.3;
   	opacity: 0.3;
}
#bulle-robot:hover {
	filter:alpha(opacity=80);
   	-moz-opacity:0.8;
   	opacity: 0.8;
}




















.soustitre {	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
.soustitre a {	color:#DD0000;
	text-decoration:none;
}
.soustitre a:hover {	text-decoration:underline;
}

.texte { 	color: #CECABB;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	text-align:justify;
}
.texte a {	color:#CECABB;
	text-decoration:underline;
}
.texte a:hover {	color:#DD0000;
}

.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
#cadre2 {
	position:absolute;
	width:200px;
	height:172px;
	z-index:10;
	left: 996px;
	top: 324px;

}

#Layer8 {
	position:absolute;
	width:285px;
	height:206px;
	z-index:9;
	left: 119px;
	top: 542px;
}

.style4 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style6 {
	font-size: 12px;
	font-weight: bold;
}

.style7 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#Layer13 {
	position:absolute;
	width:152px;
	height:115px;
	z-index:14;
	left: 412px;
	top: 528px;
}
.style8 {color: #1F4D67}

#menu {
	position: absolute;
	top: 115px;
	left:40px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
	border:1px solid #000000;
}

#menu ul {
	padding:0px;
	margin:5px;
	list-style-type:none;
}
#menu ul li a {
	display:block;
	width:52px;
	height:52px;
	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
}
#menu ul li a:hover {	filter:alpha(opacity=90);
   	-moz-opacity:0.9;
   	opacity: 0.9;
}















.style12 {color: #CECABB}
.style13 {color: #CECABB; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style14 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.style15 {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.style16 {color: #CECABB; font-weight: bold; }

