﻿body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFFF;
	scrollbar-arrow-color:#EEEEEE;
	scrollbar-track-color:#EEEEEE;
	scrollbar-highlight-color:#EEEEEE;
	scrollbar-shadow-color:#EEEEEE;
	scrollbar-3dlight-color:#EEEEEE;
	scrollbar-darkshadow-color:#EEEEEE;
	
	
}

a
{
	text-decoration:none;
	color:#000000;
}


#Header
{
	clear:both;
	width:100%;
	height:106px;
	float:left;
	overflow:hidden;
	background: transparent url(../images/header/repet-header.png) left 0 repeat-x;
	margin-bottom:15px;
}

#Header .content,
#Footer .content
{
	clear:both;
	height:106px;
	width:986px;
	margin-left:auto;
	margin-right:auto;
}

#Header .content a.logo
{
	display:inline-block;
	width:294px;
	height:106px;
	background: transparent url(http://www.bandjoo.com/site/images/header/logo-bandjoo.png) left 0 no-repeat;
	float:left;
}

#Header .content .part2
{
	float:right;
	width:652px;
	height:106px;
}

#Header .content .part2 .links
{
	
	float:right;
	width:auto;
	height:18px;
	margin-top:2px;
	text-align:right;
	overflow:hidden;
}

#Header .content .part2 .share_fb
{
	float:right;
	margin-left:5px;
	width:auto;
	margin-top:2px;
	height:18px;
	overflow:hidden;
}


#Header .content .part2 .links a
{
	font-size:11px;
	color:#294C74;
	font-weight:bold;
}

#Header .content .part2 .links a.upload
{
 color:#D10000;
}

#Header .content .part2 .menu
{
	clear:both;
	float:right;
	width:100%;
	height:52px;
	margin-top:0px;
}

#Header .content .part2 .menu a
{
	display:inline-block;
	float:left;
	margin-top:16px;
	width:105px;
	height:31px;
}

#Header .content .part2 .menu a span
{
	visibility:hidden;
}

#Header .content .part2 .menu a.home
{
	background: transparent url(../images/header/onglet-home.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.home:hover,
#Header .content .part2 .menu a.home.on
{
	background: transparent url(../images/header/onglet-home-on.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.videos
{
	background: transparent url(../images/header/onglet-videos.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.videos:hover,
#Header .content .part2 .menu a.videos.on
{
	background: transparent url(../images/header/onglet-videos-on.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.chaines
{
	background: transparent url(../images/header/onglet-chaines.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.chaines:hover,
#Header .content .part2 .menu a.chaines.on
{
	background: transparent url(../images/header/onglet-chaines-on.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.playlists
{
	background: transparent url(../images/header/onglet-playlists.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.playlists:hover,
#Header .content .part2 .menu a.playlists.on
{
	background: transparent url(http://www.bandjoo.com/site/images/header/onglet-playlists-on.png) left 0 no-repeat;
}

#Header .content .part2 .menu a.iphone
{
	background: transparent url(../images/header/appli-iphone.png) left 0 no-repeat;
	width:106px;
	height:52px;
	margin-top:0px;
	float:right;
}

#Header .content .part2 .menu a.upload
{
	background: transparent url(../images/header/bouton-deposer-votre-video.png) left 0 no-repeat;
	width:131px;
	height:26px;
	margin-top:23px;
	float:right;
}

#Header .content a span.text
{
	visibility:hidden;
}


#Home
{
	clear:both;
	float:left;
	width:100%;
	
	
}

#Home .h_videos
{
	clear:both;
	float:left;
	width:670px;
	
	background: transparent url(../images/home/titre-videos.png) left top no-repeat;
	
}

#Home .h_videos .rss
{
	clear:both;
	float:left;
	width:100%;
}

#Home .h_videos .rss a
{
	display:block;
	width:30px;
	height:30px;
	float:right;
	margin-right:5px;
	margin-top:1px;
}



#Home .h_videos a.more_videos
{
	display:inline-block;
	clear:both;
	width:650px;
	float:left;
	margin-top:5px;
	text-align:right;
	font-weight:bold;
	font-size:14px;
	color:#006AE8;
	text-decoration:underline;
}

#Home .h_channels
{
	clear:both;
	float:left;
	width:670px;
	padding-top:40px;
	margin-top:20px;
	background: transparent url(../images/home/titre-chaines.png) left top no-repeat;
	overflow:hidden;
}



#Home .h_channels .line
{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:10px;
}

#Home .h_channels .item
{
	float:left;
	width:200px;
	height:110px;
	overflow:hidden;
	margin-right:25px;
	padding:2px 2px 2px 2px;
	border:solid 1px #999999;
}

#Home .h_channels .item.last
{
	margin-right:0px;
}


#Home .h_channels .item .capture
{
	clear:both;
	float:left;
	width:200px;
	height:110px;
}

#Home .h_channels .item:hover
{
	cursor:pointer;
}

#Home .h_channels .item .capture .title
{
	width:100%;
	height:25px;
	background-color:#000000;
	filter : alpha(opacity=70); 
    -moz-opacity : 0.7; 
    opacity : 0.7;
    margin-top:85px; 
}

#Home .h_channels .item .capture  a
{
	display:inline-block;
	clear:both;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:2px;
	margin-top:2px;
	font-size:14px;
	text-transform:uppercase;
}



#Home .h_channels .item .capture .descr
{
	width:100%;
	height:90px;
	background-color:#000000;
	filter : alpha(opacity=70); 
    -moz-opacity : 0.7; 
    opacity : 0.7;
    margin-top:20px;
}

#Home .h_channels .item .capture .descr span
{
	display:inline-block;
	width:196px;
	clear:both;
	float:left;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	margin-left:2px;
	margin-top:2px;
	text-align:left;
}



#Iphone
{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	color:#494949;
	line-height:17px;
}

#Iphone .en_cours
{
	width:100%;
	float:left;
	text-align:center;
	font-size:17px;
	margin-bottom:30px;
	font-style:italic;
}

#Iphone span.title_1
{
	font-size:15px;
	font-weight:bold;
}

#Iphone span.title_2
{
	font-size:18px;
	font-weight:bold;
}

#Iphone .part1
{
	clear:both;
	float:left;
	width:200px;
	margin-left:45px;
	padding-top:210px;
	background: transparent url(../images/iphone/logo-iphone.png) left 0 no-repeat;
}

#Iphone .part2
{
	float:left;
	width:675px;
	margin-left:45px;
}

#Cgu
{
	clear:both;
	float:left;
	height:auto;
	width:100%;
}

#Cgu span.Title1
{
	font-size:14px;
	font-weight:bold;
	color:#EC0F93;
}

#Cgu span.Title2
{
	font-size:20px;
	font-weight:bold;

}

#ColDroite
{
	float:left;
	margin-left:15px;
	width:300px;
	text-align:center;
}

#Adsense728x90
{
	clear:both;
	width:728px;
	height:90px;
	padding:40px 0px 10px 0px;
	margin-left:auto;
	margin-right:auto;
}

#Footer
{
	clear:both;
	float:left;
	width:100%;
	height:140px;
	background: transparent url(../images/footer/repet.png) left 0 repeat-x;
	margin-top:15px;
	
}

#Footer .section
{
	float:left;
	width:auto;
	margin-right:150px;
	color:#232323;
}

#Footer .section .titre
{
	margin-top:10px;
	font-size:13px;
	font-weight:bolder;
	float:left;
	clear:both;
	margin-bottom:10px;
	
}

#Footer .section a
{
	clear:both;
	display:inline-block;
	float:left;
	color:#232323;
	font-size:11px;
	margin:0px 0px 3px 0px;
}

#Footer .section.last
{
	margin-right:0px;
	float:right;
	text-align:right;
}

﻿