#content_mediacenter{
	width: 830px;
	height: 467px;
	background: url(../../image/layout/back_mediacenter.jpg) top left no-repeat;
	padding: 0 0 0 140px;
}

#title_mediacenter{
	height : 57px;
}
#title_mediacenter h1{
	padding: 30px 0 0 0;
	color: #ffffff;
}
#title_mediacenter span{
	color:#0c789f;
}
#inner_mediacenter{
}
#player_mediacenter{
	width: 456px;
	height: 341px;
	float: left;
	background-color: #000000;
}

#player_mediacenter img{
	margin: 20px auto;
	display: block;
}

#player_mediacenter a{
}

#content_element_media{
	width: 280px;
	height: 341px;
	float: left;
}

#content_element_left{
	width: 258px;
	background-color: #a5a8ad;
	height: 341px;
	float: left;
}
#content_rub1{
	margin-bottom: 3px;
	width: 258px;
}
#content_rub1 a{
	font-family: Verdana, Arial,Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 4px 0;
}

.bt_rub a {
	display: block;
	color: #004b6b;
	width: 86px;
	height: 18px;
	text-decoration: none;
	text-align: center;
	padding: 3px 0 0 0;
	background: url(../../image/layout/rub1_media_off.png) top left no-repeat;
	float:left;
}

.bt_rub a:hover, .current_rubrique a {
	color: #000000;
	text-decoration: none;
	background: url(../../image/layout/rub1_media_on.png) top left no-repeat;
}

.float{
	float:left;
} 

.vignette_media{
	width: 242px;
	height: 56px;
	margin: 0 auto 6px auto;
	background: url(../../image/layout/bloc_vignette.png) top left repeat-x;
}
.vignette_media h2{
	width: 178px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 5px;
}
.vignette_media p{
	width: 178px;
	font-size: 10px;
	color:#5c5e5e;
	padding: 3px 0 0 5px;

}
.vignette_media img{
	float: right;
	height: 56px;
	width: 56px;
	
}
.vignette_media:hover{
	background: url(../../image/layout/bloc_vignette_bleu.png) top left repeat-x;
	/*POUR SIDNEY*/ /*background-color: #0c789f; */
}

.vignette_media:hover h2, .vignette_media:hover p{
	color: #FFFFFF;
}

#content_element_right{
	width: 21px;
	float: left;
	padding: 22px 0 0 0;
}
.bt_rub4 a {
	display: block;
	width: 21px;
	height: 81px;
	background: url(../../image/layout/rub4_photos_off.png) top left no-repeat;
}
.bt_rub4 a:hover, .current_type4 a {
	display: block;
	width: 21px;
	height: 81px;
	background: url(../../image/layout/rub4_photos_on.png) top left no-repeat;
}
.bt_rub5 a{
	display: block;
	width: 21px;
	height: 81px;
	background: url(../../image/layout/rub5_video_off.png) top left no-repeat;
}
.bt_rub5 a:hover, .current_type5 a {
	display: block;
	width: 21px;
	height: 81px;
	background: url(../../image/layout/rub5_video_on.png) top left no-repeat;
}
.bt_rub6 a{
	display: block;
	width: 21px;
	height: 80px;
	background: url(../../image/layout/rub6_audio_off.png) top left no-repeat;
}
.bt_rub6 a:hover, .current_type6 a {
	display: block;
	width: 21px;
	height: 80px;
	background: url(../../image/layout/rub6_audio_on.png) top left no-repeat;
}





#footer_mediacenter h2{
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0 0;
	color: #ffffff;
	text-transform:uppercase;
}
#footer_mediacenter p{
	width: 178px;
	font-size: 10px;
	color:#5c5e5e;
	padding: 3px 0 0 0;
	color: #ffffff;
}
#footer_mediacenter ul {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#ffffff;
	margin: 5px 0 0 0;
	visibility:hidden;
}
#footer_mediacenter a{
	color:#ffffff;
}
#footer_mediacenter li{
	display: inline;
	margin: 0 50px 0 0;
}
.lien_video_media{
	
}
.send_friend{
	background: url(../../image/layout/message.png) center left no-repeat;
	padding: 0 0 0 20px;
}
.faceb{
	background: url(../../image/layout/facebook.png) center left no-repeat;
	padding: 0 0 0 20px;
}
.puce_media{
	display: block;
	font-size: 11px;
	font-weight: bold;
	background: url(../../image/layout/puce_media.png) center left no-repeat;
	padding: 0 0 0 20px;
	float: left;
	margin: 10px 0 0 174px;
}






/* MEDIA CENTER LISTE*/

#content_element_media_list{
	width: 733px;
	height: 341px;
}
#content_element_list{
	width: 712px;
	height: 341px;
	float: left;
	position: relative;
}
.selec_list{
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
}
#content_rub1_list{
	width: 258px;
	float: right;
	padding: 0 0 0 1px;
	margin: 0;
	/* border: solid 1px red; */
}
#content_rub1_list a{
	font-family: Verdana, Arial,Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin:0;
}

.bt_rub_list a {
	display: block;
	color: #004b6b;
	width: 86px;
	height: 18px;
	text-decoration: none;
	text-align: center;
	padding: 3px 0 0 0;
	background: url(../../image/layout/rub1_media_off.png) top left no-repeat;
	float:left;
}

.bt_rub_list a:hover, .current_rubrique a{
	color: #000000;
	text-decoration: none;
	background: url(../../image/layout/rub1_media_on.png) top left no-repeat;
}


.bt_rub1_list a{
	display: block;
	color: #004b6b;
	width: 86px;
	height: 18px;
	text-decoration: none;
	text-align: center;
	padding: 3px 0 0 0;
	background: url(../../image/layout/rub1_media_off.png) top left no-repeat;
	float:left;
}


.bt_rub1_list a:hover{
	color: #000000;
	text-decoration: none;
	background: url(../../image/layout/rub1_media_on.png) top left no-repeat;
}
.bt_rub2_list a{
	display: block;
	color: #004b6b;
	width: 85px;
	height: 18px;
	text-decoration: none;
	text-align: center;
	padding: 3px 0 0 0;
	background: url(../../image/layout/rub3_media_off.png) top left no-repeat;
	float:left;
}
.bt_rub2_list a:hover{
	color: #000000;
	text-decoration: none;
	background: url(../../image/layout/rub3_media_on.png) top left no-repeat;
}
.bt_rub3_list a{
	display: block;
	color: #004b6b;
	width: 85px;
	height: 18px;
	text-align: center;
	padding: 3px 0 0 0;
	text-decoration: none;
	background: url(../../image/layout/rub2_media_off.png) top right no-repeat;
	float:left;
}
.bt_rub3_list a:hover{
	color: #000000;
	text-decoration: none;
	background: url(../../image/layout/rub2_media_on.png) top right no-repeat;
}


.content_vignette_media_list{
	background: url(../../image/layout/back_media_degra.png) top left repeat-x;
	background-color: #fffffff;
	height: 321px;
}
.bloc_media_list1{
	width: 242px;
	float: left;
	padding: 10px 50px 0 0;
}
.bloc_media_list2{
	width: 242px;
	float: left;
	padding: 10px 0 0 0;
}

.num_precedent{
	width: 51px;
	float: left;
	color: #15263c;
	font-size: 10px;
	font-weight: bold;
	height: 161px;
	text-align: center;
	padding: 152px 0 0 0;
}
.fleche_precedent {
	display: block;
	height: 321px;
	width: 20px;
	float: left;
	background: url(../../image/layout/fleche_precedent.png) top left no-repeat;
	margin: 0 15px 0 0;
}
.num_suivant{
	width: 51px;
	float: left;
	color: #15263c;
	font-size: 10px;
	font-weight: bold;
	height: 160px;
	text-align: center;
	padding: 152px 0 0 0;
}
.fleche_suivant {
	display: block;
	height: 321px;
	width: 20px;
	float: left;
	background: url(../../image/layout/fleche_suivante.png) top left no-repeat;
	margin: 0 0 0 15px;
}

.invisible {
	display: none;
}

.no_media {
	text-align: center;
	font-weight: 700;
	padding: 10px;
}