body
{
	font-size:12px;
	font-family: Trebuchet MS, Arial, sans-serif;
	background: url("../images/wall.jpg") top center;
	background-repeat: no-repeat;
	background-color: black;
}

img
{
	border : none;
}

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

a:hover
{
	color : green;
	text-decoration: none;
}


#full
{
	margin : auto;
	width: 824px;
 	background: url("../images/corps.png") top center;

	background-color:black;
	border:solid white 1px;
}

#banniere
{
	margin : auto;
	margin-bottom:10px;
	height : 150px;
	width: 784px;
	background-image : url("../images/banniere/banniere.png");
}

#accueil
{
	text-align: center;
	float: left;
	margin-top: 85px;
	margin-left: -10px;
	height : 65px;
	width: 161px;
	color: white;
	background-image : url("../images/banniere/accueil-mouse.png");
	background-image : url("../images/banniere/accueil.png");
}

#accueil:hover
{
	float: left;
	margin-top: 85px;
	margin-left: -10px;
	height : 65px;
	width: 161px;
	background-image : url("../images/banniere/accueil-mouse.png");
}

#connexion
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 203px;
	background-image : url("../images/banniere/connexion-mouse.png");
	background-image : url("../images/banniere/connexion.png");
}

#connexion:hover
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 203px;
	background-image : url("../images/banniere/connexion-mouse.png");
}

#inscription
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 214px;
	background-image : url("../images/banniere/inscription-mouse.png");
	background-image : url("../images/banniere/inscription.png");
}

#inscription:hover
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 214px;
	background-image : url("../images/banniere/inscription-mouse.png");
}

#forum
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 147px;
	background-image : url("../images/banniere/forum-mouse.png");	
	background-image : url("../images/banniere/forum.png");
}

#forum:hover
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 147px;
	background-image : url("../images/banniere/forum-mouse.png");
}

#contact
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 172px;
	background-image : url("../images/banniere/contact-mouse.png");
	background-image : url("../images/banniere/contact.png");
}

#contact:hover
{
	float: left;
	margin-top: 85px;
	margin-left: -30px;
	height : 65px;
	width: 172px;
	background-image : url("../images/banniere/contact-mouse.png");
}

#cadre-1
{
	
	margin-bottom:10px;
	float : left;
	width: 495px;
	margin-left: 30px;
}


#cadre-1-sup
{
width: 495px;
height: 30px;
background-image: url("../images/cadre/cadre-1-sup.png");
}

#cadre-1-cont
{
padding: 10px;
width: 475px;
background-color: white;
}

#cadre-profil-cont
{
padding: 10px;
width: 475px;
background-color: white;
background-image:url('../images/avatar/abarai.png');
background-repeat:no-repeat;
}

#cadre-1-inf
{
width: 495px;
height: 30px;
background-image: url("../images/cadre/cadre-1-inf.png");
background-repeat:no-repeat;
}

#cadre-2
{
	float : right;
	width: 258px;
	margin-bottom:10px;	
	margin-right: 30px;
}

#cadre-2-sup
{
width: 258px;
height: 28px;
background-image: url("../images/cadre/cadre-2-sup.png");
}

#cadre-2-cont
{
padding: 10px;
margin-left: 1px;
width: 236px;
background-color: white;
}

#cadre-2-inf
{
width: 258px;
height: 30px;
background-image: url("../images/cadre/cadre-2-inf.png");
background-repeat:no-repeat;
}

#cadre-3
{
	float : right;
	width: 258px;
	margin-top: 10px;
	margin-right: 30px;
	
}

#cadre-3-sup
{
width: 258px;
height: 30px;
background-image: url("../images/cadre/cadre-2-sup.png");
}

#cadre-3-cont
{
padding: 10px;
margin-left: 1px;
width: 236px;
background-color: white;
}

#cadre-3-inf
{
width: 258px;
height: 30px;
background-image: url("../images/cadre/cadre-2-inf.png");
}

#cadre-4
{
	float : right;
	width: 258px;
	margin-top: 10px;
	margin-right: 30px;
}

#cadre-4-sup
{
width: 258px;
height: 30px;
background-image: url("../images/cadre/cadre-2-sup.png");
}

#cadre-4-cont
{
padding: 10px;
margin-left: 1px;
width: 236px;
background-color: white;
}

#cadre-4-inf
{
width: 258px;
height: 30px;
background-image: url("../images/cadre/cadre-2-inf.png");
}

#head
{
margin : auto;
background-image: url("../images/cadre1/head.png");
width: 400px;
height: 200px;
}

#head-yes
{
float: left;
margin-top: 100px;
height: 80px;
width: 200px;
background-image: url("../images/cadre1/head-connexion.png");
}

#head-no
{
margin-top: 100px;
margin-left : -1px;
float: left;
height: 80px;
width: 200px;
background-image: url("../images/cadre1/head-inscription.png");
}

#butter
{
	margin-top: -70px;
	margin-left: 410px;
	width: 80px;
	height: 60px;
	background-image: url("../images/butterfly2.png");
}

#fire-head
{
	margin-top: -55px;
	margin-left: 200px;
	width: 50px;
	height: 52px;
	background-image: url("../images/fire-head2.png");
}

#nova
{
	margin-top: -150px;
	margin-left: 150px;
	width: 105px;
	height: 145px;
	background-image: url("../images/nova.png");
}

#butter-2
{
	margin-top: -40px;
	margin-left: 200px;
	width: 50px;
	height: 38px;
	background-image: url("../images/butterfly2-2.png");
}
#kon2
{
	margin-top: -150px;
	margin-left: 140px;
	width: 105px;
	height: 145px;
	background-image: url("../images/kon.png");
}

#bulle{
	color:red;
   position: absolute;   
   visibility : hidden;
   border: 1px solid Black;
   padding: 10px;
   font-family: Verdana, Arial;
   font-size: 10px;
   background-color: black;
   opacity : 0.9 ; 
	-moz-opacity : 0.9 ; 
	-khtml-opacity : 0.9 ; 
	filter : alpha(opacity=90) ; 
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.demo { padding: .5em 0 .5em 0; }
.spacer {
  clear: both;
}