/* CSS Document */

body {
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif ;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background-color:#000000; 
}

a,a:link,a:visited {color: #FFFFFF;}

img {
	border: none;
}

.site {
	position: relative;
	text-align: left;
   	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	border-spacing:0px;
}

.header {
	height: 80px;
	/*background-color:#0000FF;*/
	width: 100%;
	/*float:left;*/
	position:inherit;
}

.searchBox {
	height: 70px;
	width: 200px;
	float:left;
	position:inherit;
	/*background-color:#CCCCCC;*/
}

.tools{
	text-align:right;
	margin:0px 20px 0px 0px;
	height: 80px;
	float:right;
	position:inherit;
	/*background-color:#CCCCCC;*/
}

.headerLogo{
	height: 80px;
	width: 255px;
	float:left;
	position:inherit;
}



.bouton{
	width:113px;
	float:left;
	/*background:url(images/BArriere.jpg);*/
}


.contenu{
	float:left;
	width:100%;
}

.mgauche{
	text-align: left;
	width:50%;
	height:100%;
	position:inherit;
	float:left;
	background-color:#000;
	-moz-border-radius: 20px;
}

.mmilieu{
	text-align: center;
	width:70%;
	position:inherit;
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#222;
}

.mdroite{
	width:50%;
	/*padding:20px 0px 20px 20px;*/
	height:100%;
	position:inherit;
	float:left;
	background-color:#222;
	-moz-border-radius: 20px;
	
}

.player{
	text-align: center;
	margin:20px 20px 0px 20px;
	padding:10px 0px 0px 0px;
	position:inherit;
	background-color:#000;
	border-color:#AAAAff;
	border-style:inset;
	border-width:0px; 
	-moz-border-radius: 10px;
}

#wrapper{
	text-align: center;
	margin:20px 20px 20px 20px;
	position:inherit;
	background-color:#000000;
	
}

.playlist{
	text-align: center;
	margin:0% 2% 2% 2%;
	position:inherit;
	background-color:#222;
	border-color:#AAAAff;
	border-style:inset;
	border-width:0px; 
	-moz-border-radius: 10px;
}
.playlistElement{
	 width:27%;
	float:left;
	text-align: center;
	margin:2% 1% 2% 1%;
	padding:2% 2% 2% 2%;
	position:inherit;
	background-color:#000;
	border-color:#555;
	border-style:outset;
	border-width:0px; 
	-moz-border-radius: 10px;
}

.searchResult{
    width:27%;
	float:left;
	text-align: center;
	margin:2% 1% 2% 1%;
	padding:2% 2% 2% 2%;
	position:inherit;
	background-color:#222;
	border-color:#555;
	border-style:outset;
	border-width:0px; 
	-moz-border-radius: 10px;
}
.searchPub{
	text-align: center;
	margin:0px 20px 0px 20px;
	padding:10px 10px 10px 10px;
	position:inherit;
	background-color:#222;
	border-color:#AAAAFF;
	border-style:outset;
	border-width:0px; 
	-moz-border-radius: 10px;
	
}

.searchPub2{
	text-align: center;
	margin:0px 20px 0px 20px;
	padding:0px 0px 10px 0px;
	position:inherit;
	background-color:#222;
	border-color:#AAAAFF;
	border-style:outset;
	border-width:0px; 
	-moz-border-radius: 10px;
	
}

.bannierePub{
	margin:0px 0px 0px 30px;
	float:left;
}

.videoTitle{
	color: #FF00FF;
	font-size:13px;
	font-weight: bold;
	height:35px;
}


.videoDescription{
	color: #ffffff;
}
.videoSiteLink{
	color: #AAAAff;
	font-size: 11px;
}
.videoPreview{
	text-align: center;
	margin:0px 0px 2% 0px;
	width:100%;
}
.videoButton{
	margin:5% 0px 0px 20px;
	height:15px;
	float:right;
}

fieldset{
	color:#FFFFFF;
}
fieldset.legend{
	color:#FFFFFF;
}
.myFieldset
{
	border:solid 1px white;
}

.infoSearch{
	margin:0px 0px 0px 20px;
}