/* --------------- le corps ------------ */

html {
width:100%;
height:100%;
}

body {
background-color:#333333;
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
}

#content {
border:0;
margin:0;
padding:0;
}

div {
border:0;
margin:0;
padding:0;
}

img {
border:0;
margin:0;
padding:0;
}

div#banniere {
position:absolute;
top:0;
left:20%;
width:60%;
height:30%;
}

div#idastro {
position:absolute;
top:35%;
left:20%;
width:20%;
}

div#idegypte {
position:absolute;
top:35%;
left:40%;
width:20%;
height:5%;
}

div#idmusique {
position:absolute;
top:35%;
left:60%;
width:20%;
height:5%;
}

div#ideinstein {
position:absolute;
top:41%;
left:20%;
width:20%;
height:5%;
}

div#idigg {
position:absolute;
top:41%;
left:40%;
width:20%;
height:5%;
}

div#idliens {
position:absolute;
top:41%;
left:60%;
width:20%;
height:5%;
}

div#ididentite {
position:absolute;
top:47%;
left:40%;
width:20%;
height:5%;
}

div#texte {
position:absolute;
top:55%;
left:25%;
width:50%;
height:30%;
}

div img {
width:100%;
}


#texte {
padding-top:1em;
text-align:center;
}