html, body {
	font: 11px "Arial", Lucida Grande, Verdana, Sans-Serif;
	background-color:#000000;
	
	/*margin: 0;*/
	/*padding: 0;*/
}
#supercontainer
{

width:100%;
/*margin:auto;*/
height:100%;
}

#tele{
width:65%;
float:left;
}

#imagevideo{
float:left;
background:rgb(243,242,235);
width:340px;
height:500px;

}


#pub{
text-align:center;
margin-bottom:2px;
}

/* viodetheque.css  */
/*BUG sous FIREFOX ..... pas réglé */
#container {
	/*margin-left:10%;*/
	background:rgb(243,242,235);
	width:100%;
	clear:left;
	height:650px;
	text-align:left;
}

#thumbnail-box {
   width:100%;
   float:left;
	 
}
#thumbnails {
    list-style-type: none;
    margin:0;
    padding:0;
    float:left;
	
}
#thumbnails li {
    margin:0;
	padding:0;
   float:left;
}
#selection{
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:2px solid BLACK ;

}
div.small-image-box {
    background-color:#000000;
    width:150px;
    margin-bottom:10px;
    margin-left:10px;

    text-align:center;
    padding:2px 2px 2px 2px;
   
}
div.small-image-box img {
    margin-bottom:5px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
div.small-image-box span {
    height:25px;
    width:150px;
	
    display:block;
    font-size:10px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.red{
 background-color:#CC0000;;
}
.jaune{
 background-color:#FFCC33;
}
.vert{
 background-color:#00CC00;
}
a img{
    border: none;
}

a{
color: rgb(168,140,83);
  background-color: transparent;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/*liens precedent suivant*/
#page{
clear:left;
}
#previous{
float:left;
text-align:left;
margin-left:5px;
}
#next{
float:right;
text-align:right;
margin-right:5px;
}

#commentaire{
padding-left:20px;
border:2px solid BLACK ;
margin-left:9%;
width:40%;
height:450px;
float:left;
overflow:auto;

}
#ajout_commentaire{
color: rgb(166,140,83);
padding-left:20px;
padding-bottom:10px;
padding-top:10px;
border:2px solid BLACK ;
margin-right:10%;
margin-left:9%;
width:25%;
float:left;
}
#pubside{
width:25%;
margin-left:9%;


 float:left;
}
/*////////////COMMENTS////////////////*/


hr{
background:red;
}
.posteur  /* mise en forme du pseudo du posteur */
{
	
	font-weight:bold ; 
	color:blue; 
}

.date /* mise en forme de la date */
{
	color:black ; 
}

.message /* mise en forme du message en lui même */
{
	
	color:black ; 
}
.entete{
background:#b0b88c;
}

.bouton
{
	border-left:5px solid BLACK ;
	border-right:1px solid BLACK;
	border-top:1px solid BLACK;
	border-bottom:1px solid BLACK;
	font-weight:bold ;
}

.confirmation
{
	font-weight:bold;
	color:GREEN;
}

.erreur
{
	font-weight:bold;
	color:RED;
}

.formulaire .inputstyle	{
	background:rgb(243,242,235);
	width:90%;
	border-color: #FFFFCC;
}
.formulaire .textareastyle{
	background:rgb(243,242,235);
	width:90%;
	border-color: #FFFFCC;
	overflow:auto;

}

.titre_comment{
margin-left:120px;
color: rgb(166,140,83);
font-family: arial, verdana, helvetica, sans-serif;
 }