/*GENERAL*/


*
{
	margin						: 0;
	padding						: 0;
}

html,body
{
	color							: #ddd;
	background-color	: #000;
	font-size					: 8pt;
	font-family				: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
}


p,h1,h2,h3
{
	padding 					: 5px 5px 5px 5px;
	text-align 				: justify;
}


h1
{
	font-weight				: bold;
	font-size					: 10pt;
	font-family				: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding						: 0 5px 0 5px;
}


h2
{
	font-weight				: bold;
	font-size					: 10pt;
	font-family				: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding						: 0 5px 0 5px;
}

/*ELEMENTS DE PAGE*/
#container
{
	background				: #000000 url('img/bgbody.jpg') repeat-y center;
}

#page
{
	width							: 780px;
	margin-left				: auto;
	margin-right			: auto;
	text-align				: left;
}


#top
{
	height						: 130px;
	background				: url('img/bgtop.jpg') no-repeat top center;
}


#main
{
	float						: left;
	width						: 580px;
}


#mainlarge
{
	float						: left;
	width						: 100%;
}


#sidebar
{
	float						: right;
	width						: 190px;
}


#footer
{
	display						: block;
	height						: 50px;
	background				: url('img/bgbottom.jpg') no-repeat center;
	clear							: both;
	text-align				: right;

}



/*MENU*/
/*conteneur*/
#nav
{
	width								: 780px;
	margin-left					: auto;
	margin-right				: auto;
	margin-bottom				: 0px;
	padding-top					: 110px;
}


#menu
{
  background					: #000;
  float								: left;
  border-top					: 1px solid #b22222;
  border-bottom				: 1px solid #b22222;
  border-left					: 1px solid #b22222;	
  border-right					: 1px solid #b22222;	
}



#menu li {
  display							: inline;
}



#menu a:link,#menu a:visited {
  background					: #000;
  padding							: 2px 5px 2px 5px;
	margin							: 0;
  text-decoration			: none;
  color								: #fff;
  font								: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  text-transform			: uppercase;
  display							: block;
  text-align					: center;
  float								: left;
  width 							: 70px;
  border-right				: 0px solid #FFF;
  border-left					: 0px solid #FFF;
}

#menu a:hover {
  color								: #fff;
  background					: #b22222;
}





/*LIENS*/
a
{
	color							: #FFFFFF;
	background				: transparent;	
}


a:hover
{
	color							: #DCDCDC;
	background				: transparent;	
}



/*LISTES*/

ul.nopuce
{
	padding 						: 0 0 0 5px;
	list-style-type			: none;
}


#sidebar ul.nopuce
{
  padding-left 				: 1em;
  margin 							: 0 0 0 0;	
}


#sidebar li.nopuce
{
	list-style-type			: none;
}


#sidebar ul {
    padding-left 			: 1.5em;
    margin 						: 0 0 0 0;
}
 
#sidebar li {
    list-style 				: square;
    margin-top 				: 0.15em;
    color 						: #DCDCDC;
    background 				: transparent;
}

#sidebar li:hover {
    color 						: #B22222;
    background 				: transparent;
}

.imgdroite
{
	float : right;
	padding-left : 0px;
}


.centre
{
	text-align				: center;
}


.header2
{
	font-weight				: bold;
	color							: #FFF;
	padding						: 5px 0 0 10px;
	height						: 16px;
	background				: #820505 url('img/bgheader.jpg') repeat-x;
}	


.bloc
{
	background-color		: #000;
	margin							: 15px 0 0 0;
}

/*Formulaire*/

fieldset {
    display 				: block;
    border 					: none;
    margin 					: 0;
    padding 				: 2px 2px 2px 2px;
}

input, textarea {
    font-family 			: Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size 				: 1em;
    border-width 			: 0px;
    border-color 			: #ccc;
		background				: #ECECEC;
}

input[type], textarea[name] {
    background				: #DCDCDC;

}

input[type=submit], input[type=reset] {
		font-size 				: 1em;
    background 				: #DCDCDC;
    color 						: #000;
    border-width 			: 0px;
    padding 				: 2px 2px 2px 2px;		
}

input[type=submit]:hover,input[type=reset]:hover {
		font-size 				: 1em;
    background 				: #b22222;
    color 						: #fff;
    border-width 			: 0px;		
}





