body
{
background-image: url(fontecran.jpg);
background-repeat: no-repeat;
background-color: rgb(62, 31, 0);
background-position: -50px -20px;
}
a
{ 
	color: white;
 }
a:hover
{ 
	color: white;
 }

.pub
{ 
position: absolute;
left:10px;
bottom:10px;
}
.pub5
{ 
position: absolute;
left:150px;
bottom:5px;
}
.pub2
{ 
position: absolute;
left:150px;
bottom:10px;
}
.pub3
{
position: absolute;
left: 300px;
bottom:0px;
}

.article
{
position: absolute;
top: 80px;
left:50px;
height:645px;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 300px;
font-family: Arial, serif;
padding:10px;
overflow:auto;

}

.articlen
{
position: absolute;
top: 80px;
bottom: 50px;
left: 25%;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 50%;
font-family: Arial, serif;
padding:10px;
overflow:auto;
}

.articlei
{
position: absolute;
top: 100px;
bottom: 50px;
color: white;
font-size: 1em;
left: 5%;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 600px;
font-family: Arial, serif;
padding:10px;
overflow:auto;
}

.orphee
{
position: absolute;
top: 100px;
left:50px;
height:400px;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 300px;
font-family: Arial, serif;
padding:10px;
overflow:auto;

}

.ether
{
position: absolute;
top: 100px;
left:450px;
height:400px;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 300px;
font-family: Arial, serif;
padding:10px;
overflow:auto;

}
.para
{
text-indent: 30px;

}


.bordurehaut1
{
position: absolute;
border: ridge;
border-color: black;
background-color: rgb(62, 31, 0);
min-height: 30px;
max-height: 30px;
width: 100%;
top: 0%;
left: 0%;
text-align: center;
}

.bordurehaut2
{
position: absolute;
border: ridge;
border-color: black;
background-color: rgb(62, 31, 0);
min-height: 30px;
max-height: 30px;
width: 100%;
top: 30px;
left: 0%;
color: white;
font-size: 25px;
text-align: center;
}


.photo4
{
border: ridge;
border-width: 10px;
border-color: rgb(62, 31, 0);
display: block;
top: 200px;
left: 800px;
position: absolute;
}

.photo5
{
border: ridge;
border-width: 10px;
border-color: rgb(62, 31, 0);
display: block;
top: 200px;
left: 300px;
position: absolute;
}

.image1
{
width: 225px;
height: 300px;

}


.bordurehaut1 a 
{
margin-right: 10px;
color: white;


}
.article a
{
color:rgb(89,194,221);
}
.articlei a
{
color:rgb(89,194,221);
font-size:14px;
}
.articlen a
{
color:rgb(89,194,221);
}


#orphée1
{

width: 150px;
height: 180px;
float: left;
margin: auto;
display: block;
}

#ether
{

width: 180px;
height: 150px;
float: left;
margin: auto;
display: block;
}

p
{
color: white;
}

.titre
{
font-size: 1.2em;
text-decoration: underline;
}

.metropolisimg
{
float: left;

}
.partir
{
float: left;
width:300px;
}
#ptp
{

float: left;
}
#makoto
{
float: left;
}
#tian
{ 
float: left;
width: 300px;
 }


.metropolis
{
border: ridge;
border-color: black;
text-align: center;
position: absolute;
top: 160px;
 left:40px;
background-image: url(arriereplan.png);
color: white;
height: 370px;
width: 500px;
font-family: "Copperplate Gothic Light", arial, serif;
overflow:auto;
}

.ptp
{
border: ridge;
border-color: black;
text-align: center;
position: absolute;
top: 160px;
left: 550px;
background-image: url(arriereplan.png);
color: white;
height: 370px;
width: 375px;
font-family: "Copperplate Gothic Light", arial, serif;
overflow:auto;
}

.jrouge
{
border: ridge;
border-color: black;
text-align: center;
position: absolute;
top: 550px;
left: 500px;

background-image: url(arriereplan.png);
color: white;
height: 330px;
width: 425px;
font-family: "Copperplate Gothic Light", arial, serif;
overflow:auto;

}

.enviepartir
{
border: ridge;
border-color: black;
text-align: center;
position: absolute;
top: 160px;
left:950px;
background-image: url(arriereplan.png);
color: white;
height: 295px;
width: 310px;
overflow:auto;
}

.sayonara
{
border: ridge;
border-color: black;
text-align: center;
position: absolute;
top: 550px;
left:40px;
background-image: url(arriereplan.png);
color: white;
height: 330px;
width: 450px;
overflow:auto;
}

.menestrel
{
border: ridge;
border-color: black;
text-align: center;
position: absolute;
top: 470px;
left:950px;
background-image: url(arriereplan.png);
color: white;
height: 410px;
width: 310px;
overflow:auto;
}

.reveplanete
{
position: absolute;
top: 100px;
left: 380px;

}
.musiquemorte
{
position: absolute;
top: 500px;
left: 380px;

}
.clement
{
position: absolute;
top: 100px;
left: 900px;

}
.balpendus
{
position: absolute;
top: 500px;
left: 900px;

}

#reveplanete
{
position: absolute;
border: ridge;
border-color: black;
background-color: rgb(62, 31, 0);
width: 400px;
top: 450px;
left: 380px;
}
#clement
{
position: absolute;
border: ridge;
border-color: black;
background-color: rgb(62, 31, 0);
width: 400px;
top: 450px;
left: 900px;
}
#musiquemorte
{
position: absolute;
border: ridge;
border-color: black;
background-color: rgb(62, 31, 0);
width: 400px;
top: 840px;
left: 380px;
}
#balpendus
{
position: absolute;
border: ridge;
border-color: black;
background-color: rgb(62, 31, 0);
width: 400px;
top: 840px;
left: 900px;
}


.rouge
{
position: absolute;
top: 80px;
bottom: 50px;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 50%;
text-align: left;
color: red;
overflow:auto;
}

.rouge p
{
display: inline;
margin: 30px;
color: white;
}

.tian
{
top: 400px;
right: 10%;
position: absolute;
border: ridge;
border-color: rgb(255,53,53);
}

.copyright
{
position: absolute;
left: 300px;
top:780px;


}

.copyrightecrit
{
position: absolute;
background-image: url(arriereplan.png);
left: 300px;
top:900px;


}
.val
{
position: absolute;
bottom:2%;
right: 2%;
}
.valecrits
{
position: absolute;
top: 1450px;
right: 2%;
}

#newsletter
{
position: absolute;
left: 25%;
top:725px;
color: white;
font-size: 1.2em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 50%;
font-family: Arial, serif;
padding:10px;
overflow:auto;

}

#commentaire
{ 
top: 100px;
left: 750px; 
width: 500px; 
height: 350px;
position: absolute; 
color:white;
border-color: black;
border: outset;
background-image: url(arriereplan.png);

 }

.ecrits
{ 
position: absolute;
top: 110px;
left:25%;
height:15px;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 50%;
font-family: Arial, serif;
padding:10px;
overflow:auto;
 }

.pub{ 
position: absolute;
top: 730px;
 }

.comaudio
{ 
position: absolute;
top: 470px;
left: 750px;
height:300px;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 500px;
font-family: Arial, serif;
padding:10px;
overflow:auto;
 }

.pseudocom
{ 
	font-weight:bold;
	color: yellow;
 }
 
 .comecrits
{ 
position: absolute;
top: 560px;
left: 1300px;
height:300px;
color: white;
font-size: 1em;
background-image: url(arriereplan.png);
border: outset;
border-color: black;
width: 400px;
font-family: Arial, serif;
padding:10px;
overflow:auto;
 }

 #commentaireecrits
{ 
top: 160px;
left: 1300px; 
width: 400px; 
height: 350px;
position: absolute; 
color:white;
border-color: black;
border: outset;
background-image: url(arriereplan.png);

 }