body
{
 margin:auto; 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
 
 color : #fff;
 width:1000px;
background:url(img/bg.png);
 }

img ,a {border: 0;} /* permet d'enlever la bordure bleue des liens*/
.italic { font-style: italic;}
a{
color:#fff;
text-decoration:none;
}
a:hover{
text-decoration:none;
}

#header{
height:171px;
background:url(img/header_top.png) no-repeat;
margin-top:15px;
}
#header_bottom{
height:49px;
background:url(img/header_bottom.png) no-repeat;
}
#menu_horiz{
margin-left:249px;
width:500px;
height:45px;
}

#logo {
height:76px;
width:680px;
float:left;
margin: 57px 0 0 90px;
}
#music{
height:11px;
width:31px;
float:right;
margin: 148px 55px 0 0;
} 
#content_header
{
height:40px;
margin-top:20px;
background:url(img/content_header.png) no-repeat;
}
#content_mid {
background:url(img/content_bg.png) repeat-y;
}
#content_footer
{
height:40px;
background:url(img/content_footer.png) no-repeat;
}

#content_gauche{
width:200px;
float:left;
}
#content_droite{
width:800px;
float:right;
}
#content_texte_droite{
margin-top:3px;
width:750px; 
}

.menu_header{
width:161px;
height:29px;
background:url(img/menu_header.png) no-repeat;
margin-left:32px;
}
.menu_mid{
width:161px;
min-height:190px;
background:url(img/menu_bg.png);
margin-left:32px;
}
.menu_footer{
width:161px;
height:19px;
background:url(img/menu_footer.png) no-repeat;
margin-left:32px;
margin-bottom:30px;
}

#footer{
text-align:center;
margin-top:20px;
}

.menu_content{
margin-left:9px;
}

/**********************************************/
/**********************************************/
/*				Style						  */
/**********************************************/
/**********************************************/


.gras {font-weight:bold;}
.center{text-align:center;}
.title{
	border-bottom:1px solid white;
	border-left:4px solid white;
	font-weight:bold;
	color:#FFF;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size:1.38em;  
	margin:5px 0 15px 20px;
	padding:0 0 3px 20px;
	text-align:left;
}
.check{
	background : url('img/check.png') no-repeat left;
	background-color:rgb(20,20,20);
	border:1px solid #1F1F1F; 
	margin:auto;
	display:block;
	padding-left:60px;
	padding-top:5px;
	width:80%;
	min-height:50px;
}
.erreur{
	background : url('img/stop.png') no-repeat left;
	background-color:rgb(20,20,20);
	border:1px solid #1F1F1F; 
	margin:auto;
	display:block;
	padding-left:60px;
	padding-top:5px;
	width:80%;
	min-height:50px;
}




/**********************************************/
/**********************************************/
/*		Viewer			      */
/**********************************************/
/**********************************************/

.viewer {
display:block;
width:40px;
height:40px;
float:left;
margin:10px 10px 10px 0;
border:3px double #eee;
}
.viewer:hover{border-color:#bbb;border-style:solid;}
/*.viewer:hover{border-color:#222;}*/



/**********************************************/
/**********************************************/
/*		Sldider			      */
/**********************************************/
/**********************************************/


 
#slider ul li a {
display: block;	
font-weight:bold;
color:#DDD; 
text-decoration:none;
text-align: center;
height: 36px;

padding-left:15px;
padding-right:15px;
margin-right:10px; 
background:url('img/list_hover.png');
border-left : 1px solid #222;
border-right : 1px solid #222;
border-top : 1px solid #222;
}
 
#slider ul li a:hover, #slider ul li  a.selected,  #slider ul li  a:focus{ 
background:url('img/list.png');
}
 


#slider { 
  width: 640px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 160px; 
  overflow: auto;	
  border-top : 1px solid #222;
  position: relative; /* fix for IE to respect overflow */
  clear: left; 

}

.scrollContainer div.panel {
  padding: 20px;
  height: 120px;
  width: 620px;  

}

.scrollButtons {
  position: absolute;
  top: 80px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}


/**********************************************/
/**********************************************/
/*				Tableaux administrations	  */
/*				Reprends les tabs du Forum	  */
/**********************************************/
/**********************************************/

table.tabAdmin{
width:100%;margin-bottom:20px;border:none;
}


table.tabAdmin tr.categorie th{
font-size: 0.9em;  
font-weight:bold;
height:18px;
text-align:center;
}

table.tabAdmin tr.categorie th.firstInfo {
width:35%; 
padding-left:6px;
background:url(img/coin_gauche.png) no-repeat;
background-color: #2D2D2D;
}
 
table.tabAdmin tr.categorie th.secondInfo { 
width: 35%;
background-color: #2D2D2D;
}

table.tabAdmin tr.categorie th.modif,
table.tabAdmin tr.categorie th.delete { 
width :15%;  
background-color: #2D2D2D;
}

table.tabAdmin tr.categorie th.delete {
background:url(img/coin_droit.png) no-repeat;
background-color: #2D2D2D;
background-position:right;
}


table.tabAdmin tr.forum { 
text-align:center;
}


/**********************************************/
/**********************************************/
/*				Tableaux ventes				  */
/*				Reprends les tabs du Forum	  */
/**********************************************/
/**********************************************/

table.tabVente{
width:100%;margin-bottom:20px;border:none;
}


table.tabVente tr.categorie th{
font-size: 0.9em;  
font-weight:bold;
height:18px;
text-align:center;
}

table.tabVente tr.categorie th.firstInfo {
width:70%; 
padding-left:6px;
background:url(img/coin_gauche.png) no-repeat;
background-color: #2D2D2D;
}

table.tabVente tr.categorie th.secondInfo {
width : 30%; 
background:url(img/coin_droit.png) no-repeat;
background-color: #2D2D2D;
background-position:right;
}


table.tabVente tr.forum { 
text-align:left;
height:20px;
}
table.tabVente tr.forum td {  
height:20px;
}
 
/**********************************************/
/**********************************************/
/*				Listes						  */
/**********************************************/
/**********************************************/

ul {
	list-style: none;
	padding: 0;
	margin: 0
}

ul li {
	float: left
}
 ul li a {
display: block;	
font-weight:bold;
color:white;
text-decoration:none;
height: 40px;
padding-top: 4px;
text-align: center; 
line-height:30px;
}
ul li a.separatorG{
border-left:1px solid rgb(100,100,100);
}
ul li a.separator{
border-right:1px solid rgb(100,100,100);
}
 ul li a:hover {
background-color: rgb(100,100,100);

}


/**********************************************/
/**********************************************/
/*				Links						  */
/**********************************************/
/**********************************************/

 a.hover_menu{
font-weight:bold;
color:white;
text-decoration:none;
display:block;
width:148px;
height:22px;
margin-left:4px;
padding-left:4px;
padding-top:4px;
} 
 a.hover_menu:hover {
background-color: rgb(100,100,100);
}


 a.reservation{
font-weight:bold;
color:white;
text-decoration:none;
display:block;
margin:auto;
text-align:center;
width:118px;
height:22px; 
padding-top:5px;
border:1px solid gray;
} 
 a.reservation:hover {
background-color: rgb(100,100,100);
}

 a.pagination{
color:white;
text-decoration:none;
display:block; 
text-align:center;
width:20px;
height:20px; 
border:1px solid gray;
margin-right:5px;
float:left;
padding-top:3px;
} 
 a.pagination:hover  { 
background-color: rgb(100,100,100); 
}
 a.selected  { 
background-color: rgb(100,100,100); 
}









/** Catégorie forum*/


tr.categorie th{
font-size: 0.9em;  
font-weight:bold;
height:18px;
}
tr.categorie th.sujet, tr.categorie th.message { 
width: 9%;
text-align:center; 
background-color: #2D2D2D;
}

tr.categorie th.derniermess {
width :25%;  
text-align:left; 
background:url(img/coin_droit.png) no-repeat;
background-position:right;
background-color: #2D2D2D;
}
tr.categorie th.nom {
width:50%; 
text-align:left;
padding-left:6px;
background:url(img/coin_gauche.png) no-repeat;
background-color: #2D2D2D;
}


/**forum*/

tr.forum:hover{
background-color: #1F1F1F;
}
tr.forum{
background-color: rgb(10,10,10);
height:35px;
}

tr.forum td{ 

font-size: 11px;  
padding:4px;
height:35px;
}
tr.forum td.sujet, tr.forum td.message { 
width: 9%;  
text-align:center; 
}
tr.forum td.derniermess {
width :30%; 
padding-left:4px;  
border-right:1px solid #1F1F1F;
}
tr.forum td.nom {
width:50%;
padding-left:6px;  
border-left:1px solid #1F1F1F;
}



/**post*/

tr.post th{
font-size: 0.9em;  
font-weight:bold;
height:18px;
} 

tr.post th.contenu_post {
width :80%;  
text-align:left; 
background:url(img/coin_droit.png) no-repeat;
background-position:right;
background-color: #2D2D2D;
}
tr.post th.membre_post {
width:20%; 
text-align:left;
padding-left:6px;
background:url(img/coin_gauche.png) no-repeat;
background-color: #2D2D2D;
}


tr.post{
background-color: rgb(10,10,10); 
}

tr.post td{ 

font-size: 11px;  
padding:4px; 
} 

tr.post td.contenu_post {
width :80%; 
padding-left:4px;  
border-right:1px solid #1F1F1F;
}
tr.post td.membre_post {
width:20%;
padding-left:6px;  
background-color: rgb(20,20,20); 
border-left:1px solid #1F1F1F;
}



  input {line-height: 1.4em;font-size: 1em;font-family: Verdana, helvetica, "Bitstream Vera Sans", sans-serif;}

.bouton
{
color: white;
border:1px solid black;
line-height:17px;
background: url(img/bouton.png);
}


.titre_forum{
font-size: 1.1em;
font-weight:bold;
display:block;
margin-bottom:5px;
}

.titre_topic{
font-size: 1em;
font-weight:bold;  
} 
 
 
 .forum_chemin{
 font-size:1em;
 margin-left:10px;
margin-bottom:-4px;
 }
 
 fieldset.reg{
background-color:rgb(20,20,20);
border:1px solid #1F1F1F; 
margin:auto;
display:block;
width:70%;
 }
fieldset.reg legend {
 color:white;
 font-weight:bold; 
 }
 
.zone_texte{background-color:rgb(20,20,20);border:1px solid #1F1F1F;width:97%;margin-bottom:20px; padding:10px;}