/* CSS Document */
h3.medias{
	float:left;
	margin:0 10px 0 0;
	padding: 5px 0 0 0 ;
	height:20px;
	display:block;
}

.selectAlbum{
	width:200px;
	margin:0 0 10px 0;
}

#mediasList{
	float:left;
	width:275px;
}
	#mediasList h3.photos{
	
	}

#mediasView{
	float:left;
	width:275px;
}

/**
TABS
**/

#contenuListeTabs{
	width:550px;
}

		
ol.toc {
	float:right;
	height:28px;
	list-style: none;
	margin:0;
	margin-top: 6px;
	padding: 0 20px 0 0;
}

ol.toc li {
	float: left;
	margin: 0 5px 0 0;
	padding:0;
	height:20px;
	font-size:11px;
}

ol.toc a {
	background: url(../images/tabs_catalogue.gif);
	color: #f8f8f8;
	font-weight:bold;
	display: block;
	outline: none;
	float: left;
	height:20px;
	padding: 8px 0 0 0;
	text-align:center;
	text-decoration: none;
	cursor:pointer;
	width:92px;
}
/*
ol.centerTabs a {
	background: url(../images/maps/tabs.gif);
}
*/
ol.toc a:hover {background-position: 0 -28px; color:#242424;}

ol.toc a:hover span {
	background-position: 100% -28px;
	color:#242424;
}

ol.toc li.active a {
	background-position: 0 -28px;
	color: #242424;
	font-weight: bold;
}

ol.toc li.active span {background-position: 100% -28px;}

ol.toc span {
	float:none !important; /*For Opera*/
	float:left; /*For IE*/
	display:block;
	/*line-height: 2em;*/
	height:20px;
	padding:0;
	margin: 0 0 0 0;
	padding-top:8px;
	font-weight:bold;
}

/*div.tabscontent{
	background: url(../images/tabs_content.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:596px;
	height:548px;
	clear:left;
	padding: 0;
	font-size:11px;
	color:#fff;
	margin:0;
}*/

div.tabscontent{
	width:546px;
	clear:left;
	padding: 0;
	font-size:11px;
	/*color:#fff;*/
	margin:0;
}

div.tabsHeader{
	float:left;
	width:546px;
	height:15px;
	background-image:url(../images/tabsHeader.jpg);
	background-repeat:no-repeat;
}

div.tabsBody{
	float:left;
	width:526px;
	background-image:url(../images/tabsBody.jpg);
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
}
	div.tabsBody .imgMini{
		border:1px solid #666666;
		margin: 0 10px 10px 0;
	}

div.tabsFooter{
	float:left;
	width:546px;
	height:23px;
	background-image:url(../images/tabsFooter.jpg);
	background-repeat:no-repeat;
}


div.tabsBody .mediaList{
	float:left;
	width:200px;
	margin:0 10px 0 0;
}
	div.tabsBody .mediaList a{
		cursor:pointer;
	}
	
	div.tabsBody .mediaList h3.video{
		float:left;
		width:200px;
		background-image:url(../images/iconVideo.gif);
		background-repeat:no-repeat;
		padding:3px 0 0 20px;
		display:block;
		cursor:pointer;
		margin:5px 0 0 0;

	}
	
	div.tabsBody .mediaList h3.audio{
		float:left;
		width:200px;
		background-image:url(../images/iconAudio.gif);
		background-repeat:no-repeat;
		padding:1px 0 0 20px;
		display:block;
		cursor:pointer;
		margin:5px 0 0 0;

	}
	
	div.tabsBody .mediaList h3.doc{
		float:left;
		width:200px;
		background-image:url(../images/iconDoc.gif);
		background-repeat:no-repeat;
		padding:1px 0 0 20px;
		display:block;
		cursor:pointer;
		margin:5px 0 0 0;

	}
	
div.tabsBody .mediaView{
	float:left;
	width:300px;
}
	div.tabsBody .mediaView h3{
		float:left;
		width:300px;
		text-align:center;
	}
	
	div.tabsBody .mediaView p{
		float:left;
		width:300px;
		text-align:justify;
	}
	
	div.tabsBody .mediaView #contAudio{
		float:right;
	}
	
	div.tabsBody .mediaView a.saveDoc{
		float:left;
		width:300px;
		background-image:url(../images/filesave.gif);
		background-repeat:no-repeat;
		padding:3px 0 0 20px;
		display:block;
		cursor:pointer;
		margin:5px 0 0 0;
		color:#4b4b4b;
	}