body
{
	width:		760px;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		40px;

	background-color:	#000000;
	background-image: url("img/stars_bg.gif");

	color:		#CACACA;
	font-family: 	Verdana, arial, Helvetica, sans-serif; 
	font-size: 		12px; 
	font-style: 	normal; 
	line-height: 	normal; 
	font-weight: 	normal;
	text-decoration:	none;
}

h1
{
	background:		url("img/h1.jpg") no-repeat center;

	height:		602px;

	padding-left:	100px;
	font-size:		0px;
	color:		#000001;
}

h2
{
	padding:		3px;

	color:		#FFFFFF;
	font-size: 		18px; 
	font-weight: 	bold;
	text-transform:	uppercase;

	border-bottom:	1px solid #FFCC00;
}

h2:first-letter
{
	color:		#FFCC00;
}

a
{
	/* text-decoration:	none; */
	color:		#CACACA;
}

a img
{
	border:		0;
}

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


#navbar
{
	position:		absolute;
	top:			0;/*150px;*/
	left:			50%;
	width:		500px;
	margin-left:	-120px;
	padding-bottom:	10px;
	background:		url("./img/navbar/bg.png") left bottom no-repeat;
	z-index:		1;
}

#navbar ul
{
	margin:		0;
	padding:		0;
	padding-top:	10px;
	padding-left:	5px;
}

#navbar li
{
	display:		block;
	list-style-type: 	none;
	margin:		0px;
	margin-bottom:	3px;
	margin-top:		3px;
	margin-left:	8px;
	padding:		0;
	padding-left:	19px;
	float:		left;
	text-align:		left;

	background:		no-repeat 0 center;

}

#navbar li#indx	{	background-image:	url("./img/navbar/indx.gif");}
#navbar li#indx a	{	background-image:	url("./img/navbar/indxh.gif");}

#navbar li#pres	{	background-image:	url("./img/navbar/pres.gif");}
#navbar li#pres a	{	background-image:	url("./img/navbar/presh.gif");}

#navbar li#proj	{	background-image:	url("./img/navbar/proj.gif");}
#navbar li#proj a	{	background-image:	url("./img/navbar/projh.gif");}

#navbar li#serv	{	background-image:	url("./img/navbar/serv.gif");}
#navbar li#serv a	{	background-image:	url("./img/navbar/servh.gif");}

#navbar li#cont	{	background-image:	url("./img/navbar/cont.gif");}
#navbar li#cont a	{	background-image:	url("./img/navbar/conth.gif");}

#navbar li#gest	{	background-image:	url("./img/navbar/gest.gif");}
#navbar li#gest a	{	background-image:	url("./img/navbar/gesth.gif");}

#navbar a
{
	display:		block;
	min-height:		17px;
	margin-left:	-19px;
	padding-left:	19px;

	text-decoration:	none;
	font-family: 	arial, Helvetica, sans-serif; 
	font-size: 		14px; 
	letter-spacing:	2px;


	background:	no-repeat 0 100px;
}

#navbar a:hover
{
	background:	no-repeat 0 center;
}


#news, #projet, #presentation, #ident, #links, #gestion, #form
{
	position:		relative;
	top:			-450px;
	width:		210px;
}


#links
{
	margin-bottom:	-450px;
}

#news, #projet, #presentation, #gestion, #form
{
	width:		500px;
	float:		right;
	margin-bottom:	-450px;
}

#news p, #news ul, #projet p, #presentation p, #ident p, #gestion p, #gestion form, #form p, #form form
{
	margin:		0;
	padding:		5px;
	background:		url("img/cadre_bg.png") repeat-y;
	line-height:	1.5em;
	text-indent:	1.5em;
}

#news h3, #news p.auteur, #projet h3, #projet p.download, #presentation h3, #presentation p.bottom, #gestion h3, #gestion p.bottom, #form h3, #form p.bottom
{
	display:		block;
	height:		12px;

	margin:		0;
	padding:		5px;
	padding-left:	15px;

	background:		url("img/cadre_news.png") no-repeat;

	font-size: 		10px; 
	font-weight: 	normal;

	color:		#EEEEEE;
}

#projet h3, #projet p.download, #presentation h3, #presentation p.bottom, #gestion p.bottom, #form p.bottom

{
	background:		url("img/cadre_projet.png") no-repeat;
}

#news p.auteur, #projet p.download, #presentation p.bottom, #gestion p.bottom, #form p.bottom
{
	text-align:		right;
	background-position:bottom;
	margin-bottom:	15px;
	padding-right:	15px;
}

div.cadre_news
{
	position:		relative;
}

#news p.admin_news
{
	position:		absolute;
	top:			4px;
	left:			138px;

	margin:		0;
	padding:		0;


	font-size:		10px;
	background:		none;
}

#news p.admin_news a
{

}

#news ul
{
	padding:		0;
	margin:		0;
	list-style-position: inside;
	list-style-type:	square;
}

#news li
{
	margin:		0;
	padding:		0;
}

#news p.auteur
{
	text-transform:	lowercase;
}

#news p.auteur:first-letter
{
	text-transform:	uppercase;
}

#projet p img
{
	display:		block;
	margin:		auto;
}

#gestion form
{
	text-align:		right;
	padding-right:	15px;
}

#gestion form textarea, #gestion form input
{

	padding:		5px;
	border:		solid 1px #6F6F6F;
	background:		transparent;
	background-image:	url("img/input_bg.png");

	color:		#CACACA;
	font-size: 		10px;
	font-family: 	Verdana, arial, Helvetica, sans-serif; 
	font-style: 	normal; 
	line-height: 	normal; 
	font-weight: 	normal;
	text-decoration:	none;
}

#gestion form textarea
{
	width:		465px;
	height:		8em;
	font-size: 		12px; 
}

#gestion form input:hover
{
	color:		#FFCC00;
}

#gestion form input:active
{
	padding:		6px 6px 4px 4px;
	background-color:	#000;
}

#form form
{
	text-indent:	0;
}

#form form fieldset
{
	margin-top:		1.2em;
	padding-top:	0.9em;
	border:		0;
	border-top:		1px solid #575757;
}

#form form input, #form form textarea
{
	display:		block;
	width:		100%;

	margin-right:	10px;
	padding:		5px;

	border:		solid 1px #6F6F6F;
	background:		transparent;
	background-image:	url("img/input_bg.png");

	color:		#CACACA;
	font-family: 	Verdana, arial, Helvetica, sans-serif; 
	font-size: 		12px; 
	font-style: 	normal; 
	line-height: 	normal; 
	font-weight: 	normal;
	text-decoration:	none;
}

#form form textarea
{
	height:		7.4em;
}

#ident p
{
	background:		url("img/ptbg.png") repeat-y;
	text-indent:	0;
	text-align:		center;
	font-size:		10px;
}

#ident p a
{
	display:		block;
	margin-bottom:	0.5em;
}

#ident form
{
	background:		url("img/pttop.png") no-repeat;
	padding-top:	11px;
}

#ident form#logout
{
	background:		none;
	padding-top:	0;
}

#ident form p
{
	background:		none;
	padding:		0;
	margin:		0;
}

#ident p.error
{
	padding:		20px;
	color:		#FFCC00;
	background:		url("img/ptbg.png") repeat-y;
	text-align:		center;
}

#ident p.input
{
	padding-bottom:	10px;
	text-align:		right;
	background:		url("img/ptbg.png") repeat-y;
}

#ident input
{
	margin-right:	10px;
	padding:		5px;

	border:		solid 1px #6F6F6F;
	background:		transparent;
	background-image:	url("img/input_bg.png");

	color:		#CACACA;
	font-family: 	Verdana, arial, Helvetica, sans-serif; 
	font-size: 		12px; 
	font-style: 	normal; 
	line-height: 	normal; 
	font-weight: 	normal;
	text-decoration:	none;

}


#ident button
{
	display:		block;
	width:		210px;
	height:		22px;
	margin:		0;
	padding:		0;
	padding-right:	1em;

	border:		0;
	background:		url("img/loginbutton.png") no-repeat;

	text-align:		right;

	font-family: 	Verdana, arial, Helvetica, sans-serif; 
	font-size: 		10px; 
	font-style: 	normal; 
	line-height: 	normal; 
	font-weight: 	normal;
	text-decoration:	none;

	color:		#EEEEEE;
}

#ident button:hover
{
	background:		url("img/loginbutton.png") no-repeat 0 -22px;
	color:		#FFCC00;
}

#ident button:active
{
	padding-right:	1.1em;
	padding-top:	2px;		
}

#links div.int_links, #links div.ext_links
{
	background:		url("img/ptbot.png") no-repeat bottom;
	margin-bottom:	20px;
	padding-bottom:	11px;
}


#links h3, #ident h3
{
	height:		12px;

	margin:		0;
	padding:		5px;
	padding-left:	15px;

	background:		url("img/pttoph.png") no-repeat;

	font-size: 		10px; 
	font-weight: 	normal;

	color:		#EEEEEE;

}

#ident h3, #presentation h3
{
	text-transform:	lowercase;
}

#ident h3:first-letter, #presentation h3:first-letter
{
	text-transform:	uppercase;
}

#links ul
{
	margin:		0;
	padding:		0;
	padding-bottom:	5px;
	padding-top:	10px;
	background:		url("img/ptbg.png") repeat-y; 

	text-align:		center;
}

#links li
{
	display:		block;
	list-style-type: 	none;
	margin:		1px;
	margin-bottom:	4px;
	margin-top:		0;
}

#links li:hover
{
	background-color:	#222;
}

#links a
{
	display:		block;
}


#footer
{
	font-size:		10px;
	text-align:		right;
	color:		#777;
	clear:		both;
}