BODY,html{
font-family : "verdana";
color:#111111;
background-image:url(pictures/fond-main.gif);
font-size: 10px;
height: 100%;
width: 100%;

}
BODY,h1,h2,h3{
padding:0;
margin:0;
}
.bandeau-haut{
vertical-align:middle;
background-color:#000000;
background-image:url(pictures/fond-main.gif);
height:72px;
padding:0;

	
}

.conteneur-videos{
margin-left: auto;
margin-right: auto;
height:100%;
min-height:100%;
width:474px;
background-color:#171b22;
border: 2px solid #000000;
border-top:none;
border-bottom:none;
}


.texte-bandeau-haut{
padding:10px;
color:#666666;
font-weight:normal;
}

.main{

	background-image: url(pictures/fond.jpg);
	background-color: #171b22;
	background-repeat: no-repeat;
	background-position: left bottom;
	height:690px;
border: solid #000000 ;
border-width: 2px;
border-right:none;
border-left:none;

}

.contenu{

position:absolute;
right:15%;
width:578px;
margin-top:16px;
margin-right:8px;

	}

.conteneur-clip{
	color:#FFFFFF;
	background-image: url(pictures/fond-vignettes.gif);
	background-repeat: no-repeat;
	float:right;

	margin:0 7px 0 6px;
	padding-top:6px;
	text-align:center;
	font-weight:bold;
	height:162px;
	width:174px;
	background-position: top;
	}

.logo{
float: left;
margin-right:20px;
  }
  
.logo{
float:left;}

h1{
	
	font-weight:bold;
	text-align: left;
	font-size: 10px;
	display:inline;
	
	
	
}
h2, h3{
margin:0;
padding:0;
font-weight:normal;
font-size: 9px;
display:inline;
}

h4{

color:#777777;
font-size: 10px;
display:inline;
}

a:link, a:visited, a:hover, a:active, a:focus   {  
	color: #666666;
text-decoration:none }


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

.conteneur-videos a{

color: #666666!important;}