body {
background-color: #000;
background-image: url(images/fond_site.jpg);
background-attachment:fixed;
margin-left: 0px;
color:#333;
font:normal 12px arial;
letter-spacing:1px;
padding:0;
margin-top: 20px;
}

:focus {
outline: 0;
}


#scrolltotop{
bottom:14px;
position:fixed;
left:0;
z-index:1000;
}
	
#scrolltotop a {
background-color:transparent;
background-image:url(images/top.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:25px;
text-indent:-9999px;
width:118px;
}

.online {
float:left;
background:#3f3f3f url(images/fondonline.jpg) no-repeat top left;
color:#000000;
height:26px;
width:213px;
padding-left:5px;
padding-top:3px;
}

.form {
width:655px;
padding:20px;
margin-top:-1px;
border:0px #000000 solid;
background-color:#e2e1e1;
}

.form1 {
width:655px;
padding:20px;
margin-top:-1px;
border-left:8px #b6b2b2 solid;

}


#menu{
margin:0;
text-align:left;
float:right;
border:0px #fff solid;
}

#menu ul{
list-style:none;
margin:0;
}

#menu li{
list-style:none;
display:block;
float:left;
margin:0;
}

#menu li a{
display:block;
float:left;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:35px;
text-decoration:none;
padding:0 25px;
margin:0;
background: transparent url(images/bg.jpg) repeat-x left;
border-top:4px solid #d89e45;	
outline: none;											
}

#menu li a:hover{
color:#fff;
background:#000000 url(images/home.png) repeat-x left;
font-size:12px;
font-weight:bold;
}

#menu li a.current{
display:block;
float:left;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:35px;
text-decoration:none;
padding:0 25px;	
margin:0;
background:#000000 url(images/home.png) repeat-x left;
}

#menu li a:hover.current{
color:#fff;
}


.contenu {
width:784px;
border:1px #000000 solid;
background-image:url(images/fondtable.png);
background-repeat:no-repeat;
background-position:top left;
background-color:#3f3f3f;
padding:20px;"
}

.tableau {
border: 1px #000000 solid;
background-color:#292929;
padding:10px;"
}


h1 {
	height:42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	background-image:url(images/h1_long.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:40px;
	padding-top:13px;
}

h2 {
	height:42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	background-image:url(images/h1_cour.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:40px;
	padding-top:13px;
}


.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}


.titre {
padding:5px;
color:#ffffff;
background-color:#ffa104;
font:bold 11px Arial, Helvetica, sans-serif;
text-transform : uppercase; 
}


.nb_page {
border: 1px #ffa104 solid;
padding-right:4px;
padding-left:4px;
padding-bottom:1px;
padding-top:1px;
font:bold 11px Arial, Helvetica, sans-serif;
margin-right:4px;
background-color:#000000;
}

.upper 
{
font:bold 10px Arial, Helvetica, sans-serif;
text-transform : uppercase; 
}

.page_active {
border: 0px #5a8bbc solid;
padding:2px;
margin-right:4px;
margin-left:4px;
font:bold 11px Arial, Helvetica, sans-serif;
}

.none {
padding:0;
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
    color:#ffffff;
    z-index: 700;
    width: 250px;
}

.spacer {
  clear: both;
}


a{
color:#840202; 
text-decoration: none;
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
}

a:visited 
{
color:#840202;
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
}

a:hover {
color:#b70000; 
text-decoration: none
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
}

.titre_table {
font-weight:bold;
color: #ffffff;
}



.table_conteneur {
border-bottom: 2px #202020 solid;
border-top: 1px #ffa104 solid;
background-color:#101010;
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
padding-left: 10px;
}



fieldset {
width:640px;
padding:20px;
margin-top:-1px;
border:0px #000000 solid;
background-color:#e2e1e1;

}

legend, legend a {
padding: 5px;
color:#ffffff;
font-size: 10px;
text-transform: uppercase;
color: #333;
}


.maj, .maj a {
color:#ffffff; 
text-decoration: none
text-transform : uppercase; 
font:bold 10px Arial, Helvetica, sans-serif;
}

.categorie {
background: #222222 url(images/free/bgtablegauche.jpg) no-repeat top left;
padding:20px;
margin:0;
text-align:left;
border-right: 1px #141414 solid;
}

.titre_categorie {
padding:6px;
color:#ffffff;
background-color:#e39f08;
}


.marge_gauche {
margin-left: 40px;

}

select, textarea {
border: 1px #b3b5b6 solid;
background-color:#ced2d3;
color: #ffffff;
font-family:Verdana;
font-size:14px;
margin-bottom: 4px;
}

input  {
border: 1px #b3b5b6 solid;
background-color:#ced2d3;
color: #ffffff;
font-family:Verdana;
font-size:16px;
margin-bottom: 4px;

}

.valid{
border: 1px solid #5a8bbc;
background:#5a8bbc url();
color: #FFF;
margin-bottom: 4px;
padding:2px;
}

.valid:hover{
background: #78b404 url();
border: 1px solid #78b404;
background-color: #78b404;
color: #FFF;
}





p { margin:0; padding:2px; text-indent:0px; text-align: justify;}
div.clear { clear:both; }
.left { float:left; }
.right { float:right; }