@charset "utf-8";
/* CSS Document */
body
{
background: #000000;
margin:0px;
}
#fond
{
background:url(images/background.jpg) top no-repeat;
width:1302px;
height:1030px;
margin:auto;
position:relative;
}
#fond2
{
background:url(images/background2.jpg) top no-repeat;
width:1302px;
height:1030px;
margin:auto;
position:relative;
}
#page
{
position:absolute;
top:5px;
left:5px;
color:#FFFFFF;
}
#backpage
{
width:20px; 
height:20px;
background:url(images/backpage.jpg) no-repeat;
padding-top:2px;
text-align:center;
}
#header
{
width:100%;
height:95px;
}
#menu
{
width:1299px;
height:23px;
background:#000000;
border:solid #FFFFFF thin;
color:#00CCFF;
font-size:20px;
}
#wrapper
{
width:100%;
position:relative;
}
#wrapper_gauche
{
position:absolute;
width:1067px;
left:0px;
}
#colonne_gauche
{
position:absolute;
width:277px;
left:0px;
}
#wrapper_droite
{
position:absolute;
right:0px;
width:213px;
padding-top:40px;
padding-right:10px;
}
#colonne_droite
{
position:absolute;
right:0px;
width:1101px;
padding-top:40px;
padding-right:10px;
}
#description
{
	width:500px;
	position:absolute;
	left:50px;
	top:36px;
}
#avis
{
width:800px;
position:absolute;
left:50px;
top:426px;
}
#carre_bas
{
position:absolute;
width:300px;
height:250px;
top:600px;
left:57px;
}
#carre_haut
{
position:absolute;
width:300px;
height:250px;
top:55px;
left:559px;
text-align:center;
font-weight:bold;
}
#rectangle
{
position:relative;
width:120px;
height:600px;
top:33px;
left:905px;
}
div.box { margin:0 auto; width:500px; background:#222222; position:relative; top:18px; border:1px solid #262626; } 
div.box h1 { color: #0099FF; font-size:18px; text-transform:uppercase; padding:5px 0 5px 5px; border-bottom:1px solid #161712; border-top:1px solid #161712; } 
div.box label { width:100%; display: block; background:#1C1C1C; border-top:1px solid #262626; border-bottom:1px solid #161712; padding:10px 0 10px 0; } 
iv.box label span { display: block; color:#bbbbbb; font-size:12px; float:left; width:100px; text-align:right; padding:5px 20px 0 0; } 
div.box .input_text { padding:10px 10px; width:200px; background:#262626; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left:1px double #333333; border-right:1px double #333333; color:#FFFFFF } 
div.box .message{ padding:7px 7px; width:350px; background:#262626; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left:1px double #333333; border-right:1px double #333333; overflow:hidden; height:150px; color:#FFFFFF } 
div.box .button { margin:0 0 10px 0; padding:4px 7px; background:#CC0000; border:0px; position: relative; top:10px; left:182px; width:100px; border-bottom: 1px double #660000; border-top: 1px double #660000; border-left:1px double #FF0033; border-right:1px double #FF0033; }
.flechehaut
{
background: url(images/upvote.jpg) no-repeat;
width:30px;
height:49px;
}
.backtitre2
{
background: url(images/backtitre2.jpg) repeat-x;
width:90px;
height:23px;
position:absolute;
}
.carre
{
width:188px;
height:200px;
position:absolute;
margin-top:34px;
margin-left:23px;
padding:7px;

}
.carre2
{
width:200px;
height:200px;
position:absolute;
margin-top:34px;
margin-left:23px;
}
a:link {
	color: #0099CC;
		text-decoration:none;

}
a:visited {
	color: #0099CC;
	text-decoration:none;

}
a:hover {
	color: #0099CC;
	text-decoration:none;


}
a:active {
	color: #000000;
	}
a:active.lienblack {
	color: #000000;
	text-decoration:none;
	
	}
a:link.lienblack {
	color: #000000;
		text-decoration:none;

}
a:visited.lienblack {
	color: #000000;
	text-decoration:none;

}
a:hover.lienblack {
	color: #000000;
	text-decoration:none;
}