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

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

}



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

h4{
color:#FFFFFF;
font-size:12px;
}

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

}
.bandeau-haut2{
vertical-align:middle;
background-color:#333333;
height:24px;

}

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



.conteneur{
background-color:#4a5d61;
}

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

}

.contenu{
position:absolute;
right:14%;
width:578px;
height:680px;
}





.conteneur-clip{

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

	background-repeat: no-repeat;

	float:right;

	margin:6px;

	margin-top:8px;



	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:690px;
width:484px;
background-color:#111111;
border: 1px solid #000000;
color:#CCCCCC;

}


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

	color: #eeeeee;

text-decoration:none }



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

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