body 
{ 
	font-family: verdana, sans-serif;
	background-color: #eee;
/*	img: transparent url('fond.png') no-repeat top left; */
	color: #111;
	margin: 0;
	margin-right: 1px;
	margin-bottom: 1px;
}

/*Bannière "Bienvenue sur Astroboy.fr"*/
#welcome
{
/*	position: fixed;*/
/*	width: 5%;
	right: 0px;*/
	position: absolute;
	top: 0px;
	left: 15%;
	width: 80%;
}

#welcome img
{
	width: 100%;
}
/*
body>#welcome
{
	position: fixed;
}
*/
#container 
{
/*	background: transparent url('fond.jpg') no-repeat top left;*/
	position: absolute;
/*	display: none;*/
	background-color: #fff;
/*	top: 35px;*/
/*	margin-top: 3%;*/
	top: 10%;
	left: 15%;
	width: 80%;
/*	bottom: 10%;*/
/*	margin-bottom: 0%;*/
/*	padding: 1.1em;*/
/*	margin-right: 0;*/
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	z-index: 0;
/*	padding-top: 64px;*/
}

#pageHeader h1
{
	font-family: "Comic sans MS", serif;
	position: relative;
	color: blue;
	font-style: italic;
	font-size: 250%;
	margin-right: 5%;
	margin-top: 5%;
	text-align: right;
	letter-spacing: 2px;
	line-height: 150%
}

#pageHeader p 
{
	font-family: "Comic sans MS", serif;
	font-style: italic;
	font-size: 150%;
	margin-top: 3%;
	position: relative;
	left: 25%;
	width: 70%;
	text-align: justify;
/*	z-index: 1;*/
	text-indent: 3em;
}

#mainText
{
	position: relative;
	margin: 5% 5% 5% 5%;
}

#mainText a
{
	color: black;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}

#mainText a:hover
{
	color: blue;
}

#mainText h3
{
	background: transparent url('images/caution.png') no-repeat center left;
	height: 34px;
/*	width: 95%;*/
	margin-top: 4%;
	padding-top: 5px;
	padding-left: 38px;
	font-size: 150%;
	border-bottom: 1px dashed silver;
	border-top: 1px solid black;
}

#mainText p
{
	text-align: justify;
	text-indent: 3em;
	font-size: 100%;
	line-height: 160%;
	letter-spacing: 2px;
}

#mainText table
{
	border: 2px black solid;
	width: 80%;
/*	margin-left: 5%;*/
}

#mainText td, th
{
	border: 1px black solid;
	padding: 5px;
}

/*Le menu*/
#menu
{
	font-family: "Comic sans MS", serif;
	font-size: 100%;
	letter-spacing: 1px;
	position: absolute;
	line-height: 200%;
	top: 25%;
	left: 0%;
	z-index: 100;
	text-align: center;	
	width: 30%;
}
/*vive IE*/
body>#menu
{
	position: fixed;
}

#menu a
{
	text-decoration: none;
	color: black;
}

#lien
{
	width: 50%;
	float: left;
/*	font-weight: bold;*/
/*	background-color: #09e;*/
}

.lien
{
	background-color: #09e;
	float: right;
	width: 90%;
	border: 1px blue solid;
	cursor: pointer;
}

.lien:hover
{
	background-color: #6ff;
	border: 1px solid red;
} 

#sslien
{
	width: 49%;
	float: left;
/*	background-color: #6ce;*/
}

.sslien
{
	cursor: pointer;
	float: left;
	width: 100%;
	border: 1px blue solid;
	background-color: #6ce;
}

.sslien:hover
{
	background-color: #6ff;
	border: 1px solid red;
}

.sslien_vide
{
/*	pointer: default;*/
	padding: 1px;
/*	border-top: 1px transparent solid;
	border-bottom: 1px transparent solid;*/
/*	border: 1px transparent solid;*/
/*	border-left: 1px black solid;*/
/*	background-color: white;*/
}

/*Les trois horloges*/
#heure
{
        position: absolute;
        top: 1%;
        left: 1px;
        width: 15%;
        z-index: 5;
}       

body>#heure
{
        position: fixed;
}       

#drapeau
{
        float: left;
        width: 100%;
}       

#drapeau img
{
        width: 28%;
        border: 1px solid black;
        padding: 0px;
        margin: 0px;
}       

#heureactuelle
{
        float: left;
        width: 100%;
}       

#heureactuelle input
{
        width: 29%;
        border: none;
        text-align: center;
        background: transparent;
}       


/*Le footer*/
#footer
{
	position: absolute;
	font-size: 70%;
	text-align: center;
	width: 15%;
	bottom: 2%;
	left: 0px;
}

body>#footer
{
	position: fixed;
}

#footer img
{
	border: 0px;
	float: left;
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	height: 2%;
}

#footer a
{
        color: black;
        text-decoration: none;
        font-style: italic;
}

#footer a:hover
{
        color: blue;

}

#footer a:visited
{
	text-decoration: none;
}

img.center
{
    display: block;
    margin-left: auto;
    margin-right: auto 
}