BODY,html{
font-family : "arial";

background-color:#d0d3d1;

font-size: 12px;
height: 100%;
width: 100%;
}

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

.bandeau-haut{
height:58px;
padding:10px 0 0 20px;
background:#eff1f0;
}



.conteneur-videos{
margin-left: auto;
margin-right: auto;
height:100%;
min-height:694px;
width:510px;
background:#eff1f0;
color:#666;
text-align:center;
}

#liens{
font-size:12px; 
text-align:center;
padding-top:9px;
}

.texte-bandeau-haut{
color:#eff1f0;
font-weight:normal;

}
.ref{
position:absolute;
width:200px;
height:160px;
left:-3400px;

}
#bas{
font-size:12px; color:#666; padding:0 40px 0 40px; text-align:justify;
}

#pub-haut{
text-align:center; position: absolute; top: 28px; left:440px;  height:30px;
}

#retour{
text-align:center; position: absolute; top: 14px; right:12px; width: 50px; height:45px;
}

.main{
background: url(image/fond.jpg) no-repeat left bottom #eff1f0;
height:570px;
}

.main2{
background: url(image/fond2.jpg) no-repeat left bottom #f0e8d8;
height:600px;
}

.contenu{
position:absolute;

right:4%;

margin-top:20px;
width:580px;
}

.conteneur-clip{
	background: url(image/fond-vignettes.gif) no-repeat top ;

float:right;
margin:0 10px 12px 9px;

padding:12px 0 0 4px;


text-align:center;
height:160px;
width:184px;
}

.plus{
float:right;
margin:0 9px 12px 9px;


text-align:center;
height:170px;
width:190px;
}



.titre-chanson{
margin-top:5px;	
font-weight:bold;
font-size:13px;
}

.logo{
float: left;
margin:20px 34px 0 32px;
}

#pub{
float:right; width:15%; text-align:center;
}

h1, h2, h3, h4, h5{
margin:0;
padding:0;
font-weight:normal;
font-size: 12px;
display:inline;
}

img{
border:none; padding:0;
}



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

.conteneur-clip a{color: #888!important; padding-top:4px; font-size:10px;  }

.conteneur-clip a:hover{color: #bbb!important; background:#fff;}

.conteneur-videos a{
font-size:13px;
font-weight:bold;

margin:5px;


color: #111!important;}