BODY,html{
font-family : "verdana";
color:#000000;
background-color: #111111;
font-size: 10px;
height: 100%;
width: 100%;
}

BODY,h1,h2,h3,h4{
padding:0;
margin:0;

}

h4{
color:#FFFFFF;
font-size:11px;
display:inline;
}

h2,h3{
display:inline;
font-weight:normal;
font-size:9px;
}



.bandeau-haut{
vertical-align:middle;
background-color:#000000;
height:70px;

}

.bandeau-haut2{
padding-top:4px;
vertical-align:middle;
background-color:#444444;
height:20px;

}


.texte-bandeau-haut{
padding:13px 0 0 10px;
color:#ffffff;
font-weight:bold;
text-align:left;
}



.conteneur{
background-color:#313131;
}

.main{
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:619px;

}

.contenu{
margin-top:5px;

position:absolute;
left:26%;
width:58%;
height:614px;
}





.conteneur-clip{

	background-image: url(images/fond-vignettes.gif);

	background-repeat: no-repeat;

	float:right;
margin: 12px 6px 7px 9px;



	padding-top:6px;

	text-align:center;

		font-weight:bold;

	height:150px;

	width:172px;

	background-position: top;

	}

	



.logo{
float: left;

}


h1{
	font-weight:bold;
	text-align:left;
	font-size: 10px;
	display:inline;
}


.conteneur-videos{
margin-left: auto;
margin-right: auto;
height:100%;
min-height:100%;
width:422px;
background-color:#222222;


}



a:link, a:visited, a:hover, a:active, a:focus   {  

	color: #888888;

text-decoration:none }



 .conteneur-clip a{color: #555555!important;}

 .conteneur-clip a:hover{color: #fff000!important;}