/*
Design de PirPhot
by droide
http://www.waccabac.fr
*/

body
{
	width: auto;
	height: auto;
   	margin: 0px;
	background-color: #111;
	font-family: Arial, Verdana, serif;
}

#haut
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
}

#haut h1
{
	color: #cc009a;
}

#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-image: url("fond.png");
}

#menu_horizontal li 
{ 
	display: inline;
	margin-right: 1px;
	color: #fff;
	background: #222;
}

#menu_horizontal 
{
	list-style-type : none;
}

#menu li a
{
    padding: 4px 20px;
	background: #222;
	color: #fff;
	border: 1px solid #BFBFBF;
	font: 1em "Trebuchet MS",Arial,sans-serif;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
}

#menu li a:hover, #menu li a:focus, #menu li a:active 
{
	background: #333;
	text-decoration: underline;
}

#page
{
	color: #FFF;
	margin: auto;
	margin-left: 20px;
	margin-right: 20px;
}

#page a
{
	color: #FFF;
	text-decoration: none;
}

#page a:hover #page li a:focus, #page li a:active 
{
	color: #111;
	background: #333;
	text-decoration: none;
}  

#page input
{
	background-color: #111;
	border:1px dashed #FFF;
	margin:1px;
	color: #FFF;
}

#page input:hover, #page input:focus, #page input:active 
{
	border: 1px solid #FFF;
	background-image: url("fond.png");
	color: #FFF;
}

#page textarea 
{
	background-color: #111;
	border:1px dashed #FFF;
	margin:1px;
	color: #FFF;
}

#page textarea:hover, #page textarea:focus, #page textarea:active 
{
	border: 1px solid #FFF;
	background-image: url("fond.png");
	color: #FFF;
}

#bas
{	
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Verdana, serif;
	color: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-image: url("fond.png");
}

#bas a
{
	color: #fff;
	text-decoration: underline;
}

#bas a:hover, #bas a:focus, #bas a:active 
{
	background: #333;
	text-decoration: underline;
}