/* -------------------------------------------------------------- 
	
	* screen.css - monsite.com
 
	* @type:    Screen
	* @langue:  Commun
	* @year:    2008
	* @author:  CyberGénération - PG	
	* @note:    .class { background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; }
	
---------------------------------------------------------------   */
	
	@import url("cBase2.0/cBase.css");		/* Set globalClass CSS framework.   */	

/* Default setting.
---------------------------------------------------------------   */  
body{ 	
	  font-family: Verdana, Helvetica, sans-serif;	
	  font-size: 10px;
	  color: #1E0117; 
	  background: #000 url(img/site_bg.jpg) center top no-repeat;
	  padding: 0px;
	  margin: 0px;
}

body#pageAccueil #pageContainer{ 
	background: #fff url(img/content-home-bg.jpg) no-repeat;
}
#pageContainer{ 
	position: relative;
	background: #fff url(img/content-bg.jpg) no-repeat;
	width:969px; 
	margin: 0 auto;
	padding: 0px;
}

img	{ border: none;}
a						{ color:#BB4699; text-decoration:none; font-weight:bold; outline:none; }
a:hover			{ color:#23011A; }
h4					{ color:#ca4ea6; }
h3					{ padding: 0px; margin: 0 0 0 0; }

.bullet{
	padding-left: 15px;
	background: url(img/bg_champ_obligatoire.gif) 2px 2px no-repeat;
}
.clear {display:block; clear:both;}

.tMargin {margin-top:15px;}
.bMargin {margin-bottom:15px;}
.lMargin {margin-left:20px;}

#lienHome {
	display:block; width:300px; height:130px;
	position:absolute; top:205px; left:0;
}

#lienHome2 {
	display:block; width:420px; height:130px;
	position:absolute; top:625px; left:0;
}

#lienHome3 {
	display:block; width:420px; height:130px;
	position:absolute; top:642px; margin-left:15px; left:0;
}

#newbook {
	display:block; width:400px; height:211px;
	position:absolute; top:682px; margin-left:25px; left:0;
}

#opi_ad {
	display:block; width:393px; height:151px;
	position:absolute; top:636px; margin-left:25px; left:0;
}

#hsnpromo {
	display:block; width:393px; height:151px;
	position:absolute; top:622px; margin-left:75px; left:0;
}

/* topMenu /////////////////////////////////////////////////// */
#topMenu{
	height: 35px;
	margin-bottom: 17px;
}
#topMenu ul{
	height: 35px;
	padding: 0px;
	margin: 0px;
	float: right;
	list-style: none;
}
#topMenu ul li{
	float: left;
	height: 35px;
	padding: 0px;
	margin: 0px;
}
#topMenu ul li a{
	height: 35px;
	display: block;
}
#topMenu ul li#topMenu_sponsors a		{ width:62px; background: url(img/top_menu_sponsors.jpg) no-repeat; }
#topMenu ul li#topMenu_sponsors a:hover { background: url(img/top_menu_sponsors_on.jpg) no-repeat; }
#topMenu ul li#topMenu_home a			{ width:62px; background: url(img/top_menu_home.jpg) no-repeat; }
#topMenu ul li#topMenu_home a:hover		{ background: url(img/top_menu_home_on.jpg) no-repeat; }
#topMenu ul li#topMenu_media a			{ width:60px; background: url(img/top_menu_media.gif) no-repeat; }
#topMenu ul li#topMenu_media a:hover	{ background: url(img/top_menu_media_on.gif) no-repeat; }
#topMenu ul li#topMenu_myprofile a		{ width:85px; background: url(img/top_menu_my_profile.gif) no-repeat; }
#topMenu ul li#topMenu_myprofile a:hover{ background: url(img/top_menu_my_profile_on.gif) no-repeat; }
#topMenu ul li#topMenu_sitemap a		{ width:78px; background: url(img/top_menu_site_map.gif) no-repeat; }
#topMenu ul li#topMenu_sitemap a:hover	{ background: url(img/top_menu_site_map_on.gif) no-repeat; }
#topMenu ul li#topMenu_contactme a		{ width:94px; background: url(img/top_menu_contact_me.gif) no-repeat; }
#topMenu ul li#topMenu_contactme a:hover{ background: url(img/top_menu_contact_me_on.gif) no-repeat; }
#topMenu ul li#topMenu_logout a			{ width:83px; background: url(img/top_menu_log_out.gif) no-repeat; }
#topMenu ul li#topMenu_logout a:hover	{ background: url(img/top_menu_log_out_on.gif) no-repeat; }
#topMenu ul li#topMenu_login a			{ width:83px; background: url(img/top_menu_log_in.gif) no-repeat; }
#topMenu ul li#topMenu_login a:hover	{ background: url(img/top_menu_log_in_on.gif) no-repeat; }


/* subMenu /////////////////////////////////////////////////// */
#subMenu{
	height: 35px;
}
#subMenu ul{
	height: 35px;
	padding: 0px;
	margin: 0px;
	float: right;
	list-style: none;
}
#subMenu ul li{
	float: left;
	height: 35px;
	padding: 0px;
	margin: 0px;
}
#subMenu ul li a{
	height: 35px;
	display: block;
}

#subMenu ul li#subMenu_news a				{ width:67px; background-image: url(img/sub_menu_news.gif); }
#subMenu ul li#subMenu_bio a				{ width:55px; background-image: url(img/sub_menu_bio.gif); }
#subMenu ul li#subMenu_schedule a		{ width:101px; background-image: url(img/sub_menu_schedule.gif); }
#subMenu ul li#subMenu_gallery a		{ width:87px; background-image: url(img/sub_menu_gallery.gif);}
#subMenu ul li#subMenu_serenatv a		{ width:104px; background-image: url(img/sub_menu_serena_tv.gif); }
#subMenu ul li#subMenu_foundation a	{ width:130px; background-image: url(img/sub_menu_foundation.gif); }

#subMenu ul li#subMenu_news a,
#subMenu ul li#subMenu_bio a,
#subMenu ul li#subMenu_schedule a,
#subMenu ul li#subMenu_gallery a,
#subMenu ul li#subMenu_serenatv a,
#subMenu ul li#subMenu_foundation a
{background-position:0 0;}


#subMenu ul li#subMenu_news a:hover,
#subMenu ul li#subMenu_bio a:hover,
#subMenu ul li#subMenu_schedule a:hover,
#subMenu ul li#subMenu_gallery a:hover,
#subMenu ul li#subMenu_serenatv a:hover,
#subMenu ul li#subMenu_foundation a:hover
{background-position:0 -35px;}

/* log in info /////////////////////////////////////////////////////*/
.infos-login{
	position :absolute;
	top: 27px;
	right: 18px;
}
.infos-login span{
	display: block;
	font-weight: bold;
	text-align: right;
	line-height: 12px;
}
.infos-login span a{
	color: #fff;
}
.infos-login span a:hover{
	color: #BB4699
}

/* page Content /////////////////////////////////////////////////// */
#pageContent{
	overflow: hidden; 
}

/* Right column /////////////////////////////////////////////////// */
.right-column{
	display: inline;
	float: right;
	margin: 0 16px 0 0;
	width: 634px;
	padding: 8px;
	background: #dccec4;
}
.accueil-column{
	display: inline;
	float: right;
	width: 500px;
	margin: 0 16px 0 0;
	padding: 8px;
	background-color: #fff;
}

/* Content general ///////////////////////////////////////// */
.content{
	background-color: #fff;
	border: 1px solid #9f8572;
	padding: 6px;
  height:auto !important;
  min-height:290px;
  height:290px;
}
.content div.title{
	height: 31px;
	margin: 0 0 10px 0;
	background: url(img/title_bg.gif) top left no-repeat;
}
.content p{
	color: #353537;
	padding: 0px;
	margin: 0 0 10px 0;
}
.content .image-left{
	float: left;
	background-color: #DCCEC4;
	padding: 5px;
	margin: 10px 10px 10px 0;
	text-align:center;
}
.content .image-left img{
	vertical-align: bottom;
}
.content .image-left div.credit{
	width: 200px;
	text-align: left;	
}
.content .image-left div.credit p{
	padding: 0px; margin: 0px;
}

.content .back-link{
	display: block;
	text-align: right;
	padding-right: 10px;
}

body#pageAccueil .the-latest {margin-bottom:10px;}

/* Serena TV /////////////////////////////////////////////////// */
#serena-tv{
	height: 319px; position:relative;
	height: 318px; position:relative; 
	border: 1px solid #604431; border-bottom:0;
}

#flashPlayList {
	position:absolute; right:0; top:0;
	
	position:absolute; right:0; top:-1px;
}
#flashPlayList, #flashPlayList li {list-style-type:none;}
#flashPlayList li {display:inline;background:#000;}
#flashPlayList li a {display:block; clear:both; height:59px; width:80px; margin-bottom:1px;}
#flashPlayList li a {display:block; clear:both; height:59px; width:80px; margin-top:1px;}

#btn_viewall {
	display:block; clear:both; height:19px; width:80px;
	position:absolute; bottom:-1px; right:0; border-bottom:1px solid #b2b2b2;
	background: url(img/btn_viewall.gif) top left no-repeat;
}
#btn_viewall:hover {background-position:0 -19px;}
#btn_viewall span {display:none;}
* html #btn_viewall {bottom:1px;}
* html #tv {position:absolute; bottom:0px; height:319px;}
* html #flashPlayList {height:318px;}
* html #btn_viewall {bottom:0px;}

/* The Lastest /////////////////////////////////////////////////// */
.the-latest{
	border: 1px solid #50321c;
	background: #9e8470 url(img/blog_home_bg.jpg) top left no-repeat;
	padding: 15px 27px;
}
.the-latest .read-more{
	color: #2E2C2D;
}
.the-latest .read-more:hover{
	color: #fff;
}
.the-latest h3{
	height: 13px;
	background: url(img/blog_title_my_blogs.gif) top left no-repeat;
}
.the-latest .news{
	position: relative;
	display: block;
	background: url(img/separator.jpg) bottom left no-repeat;
	font-size: 10px;
	padding: 0 0 10px 0;
}
.the-latest span.date{
	display: block;
	color: #fff;
	margin: 8px 0 8px 0;
}
.the-latest a.title{
	display: block;
	color: #333132;
	font-weight: bold;
	font-size: 12px;
}
.the-latest a.title:hover{
	color: #fff;
}
.the-latest p{
	padding: 0px;
	margin: 0 0 10px 0;
	width: 400px;
	color: #333132;
}
.the-latest .options a.photos{ background: url(img/blog_icon_diapo.gif) top left no-repeat; }
.the-latest .options a.photos:hover{ background: url(img/blog_icon_diapo_on.gif) top left no-repeat; }
.the-latest .options a.audio{ background: url(img/blog_icon_audio.gif) top left no-repeat; }
.the-latest .options a.audio:hover{ background: url(img/blog_icon_audio_on.gif) top left no-repeat; }
.the-latest .options a.video{ background: url(img/blog_icon_video.gif) top left no-repeat; }
.the-latest .options a.video:hover{ background: url(img/blog_icon_video_on.gif) top left no-repeat; }
.the-latest .options span,
.the-latest .options a{
	color: #fff;
}
.the-latest .links{
	width: 450px;
	height: 18px;
	position: absolute;
	bottom: -10px;
	right: -10px;	
}
.the-latest .links span,
.the-latest .links a{
	float: right;
	padding: 0 3px 0 3px;
}
.the-latest .url a{
	padding: 2px 0 2px 26px;
	display: block;
	height: 16px;
	color: #fff;
	background: url(img/link-brown.gif) left 5px no-repeat;
}
.the-latest .pdf a{
	padding: 2px 0 2px 26px;
	display: block;
	height: 16px;
	color: #fff;
	background: url(img/pdf-brown.gif) 1px top no-repeat;
}
.the-latest .url a:hover,
.the-latest .pdf a:hover{
	color: #000000;
}
.the-latest .options{
	padding-top: 10px;
}

.see-all-news{
	display: block;
	color: #fff;
	font-size: 12px;
	height: 20px;
	text-align: right;
	padding-right: 16px;
	background: url(img/bg_champ_obligatoire.gif) right 4px no-repeat;
}
/* Titre de toutes les sections ////////////////////// */
#news-list div.title h3{ height: 31px; background: url(img/title_news.gif) top left no-repeat; }
#site-map div.title h3{ height: 31px; background: url(img/title_sitemap.gif) top left no-repeat; }
#schedule div.title h3{ height: 31px; background: url(img/title_schedule.gif) top left no-repeat; }
#bio div.title h3{ height: 31px; background: url(img/title_bio.gif) top left no-repeat; }
#foundation div.title h3{ height: 31px; background: url(img/title_foundation.gif) top left no-repeat; }
#sponsors div.title h3{ height: 31px; background: url(img/title_sponsors.gif) top left no-repeat; }
#ontheline div.title h3{ height: 31px; background: url(img/title_book.gif) top left no-repeat; }
#my-profile div.title h3{ height: 31px; background: url(img/title_myprofile.gif) top left no-repeat; }
#register-fan-club div.title h3{ height: 31px; background: url(img/title_fanclub.gif) top left no-repeat; }
#contact-me div.title h3{ height: 31px; background: url(img/title_contactme.gif) top left no-repeat; }
#gallery div.title h3{ height: 31px; background: url(img/title_gallery.gif) top left no-repeat; }
#serena-tv-list div.title h3{ height: 31px; background: url(img/title_serenatv.gif) top left no-repeat; }
#media div.title h3{ height: 31px; background: url(img/title_media.gif) top left no-repeat; }
#contest div.title h3{ height: 31px; background: url(img/title_contest.gif) top left no-repeat; }
#contest div.title #congrats {height: 31px; background: url(img/title_congrats.gif) top left no-repeat;}


/* News list ///////////////////////////////////////// */
#news-list .news{
	position: relative;
	background: url(img/long-separator.gif) bottom left no-repeat;
}

#news-list .news .image-left{
	width: 200px;
}

#news-list .news{
	margin: 0 21px 20px 21px;
	padding: 0 0 5px 0;
}
#news-list .news .date{
	color: #353537;
	font-weight: bold;
	display: block;
}
#news-list .news .title{
	color: #ca4ea6;
	font-weight: bold;
	font-size: 14px;
	display: block;
}
#news-list .news .title:hover{
	color: #000;
}

#news-list .news.detail .title:hover{
	color: #ca4ea6;
}
#news-list .url a{
	padding: 2px 0 2px 26px;
	display: block;
	height: 16px;
	color: #220019;
	background: url(img/link-white.gif) left 5px no-repeat;
}
#news-list .pdf a{
	padding: 2px 0 2px 26px;
	display: block;
	height: 16px;
	color: #220019;
	background: url(img/pdf-white.gif) 1px top no-repeat;
}
#news-list .pdf a:hover,
#news-list .url a:hover{
	color: #BB4699;
}
#news-list .options a:hover{
	color: #BB4699;
}
#news-list .options{
	padding-top: 10px;
}
#news-list .news .fans-only-logo{
	position: absolute;
	bottom: 3px;
	right: 21px;
}
#news-list .fans-only .date,
#news-list .fans-only .title,
#news-list .fans-only p,
#news-list .fans-only .url a,
#news-list .fans-only .pdf a{
	color: #ccc; 
}
#news-list .fans-only .options .photos,
#news-list .fans-only .options .audio,
#news-list .fans-only .options .video{
	opacity: 0.5;
	filter : alpha(opacity=50); 
}
.detail .date{
	padding-bottom: 5px;
}
.detail .title{
	padding-bottom: 10px;
}
.news-comments-form{
	padding: 0 10px;
}
.news-comments-form span.leave-comment{
	font-size: 12px;
	color: #CC55A9;
	font-weight: bold;
	display: block;
}
.news-comments-form .comment-message{
	color: #59013C;
	font-weight: bold;
	background-color: #DCCEC4;
	text-align: center;
	padding: 10px;
	margin: 5px 15px;
}
.news-comments-list .news-comment{
	background: url(img/long-separator.gif) bottom left no-repeat; 
	padding: 5px 10px;
	margin: 5px;
}
.news-comments-list .news-comment .comment-date{
	display: block;
	color: #CC55A9;
	font-weight: bold;
}
.news-comments-list .news-comment .comment-member{
	display: block;
	font-weight: bold;
}
.news-comments-list .news-comment p{
	padding: 5px 0;
}
.options{
	height: 18px;
}
.options a.photos,
.options a.audio,
.options a.video{
	width: 17px;
	height: 16px;
	margin: 1px;
}
.options a:hover{
	color: #000;
}
.options a.nomedia{
	opacity: 0.4;
	filter : alpha(opacity=40); 
}
.options a,
.options span{
	display: block;
	float: left;
	line-height: 18px;
	color: #333132;
	display: block;
	white-space: nowrap;
}
.options .add{
	padding-left: 10px;
}
.options .word_sep{
	padding: 0 5px;
}

#news-list .options a.photos{ background: url(img/blog_icon_diapo_white.gif) top left no-repeat; }
#news-list .options a.photos:hover{ background: url(img/blog_icon_diapo_white_on.gif) top left no-repeat; }
#news-list .options a.audio{ background: url(img/blog_icon_audio_white.gif) top left no-repeat; }
#news-list .options a.audio:hover{ background: url(img/blog_icon_audio_white_on.gif) top left no-repeat; }
#news-list .options a.video{ background: url(img/blog_icon_video_white.gif) top left no-repeat; }
#news-list .options a.video:hover{ background: url(img/blog_icon_video_white_on.gif) top left no-repeat; }

#schedule .options a,
#schedule .options span{
	float: left;
}
#schedule .options{
	padding: 10px 0 0 0;
}
#schedule .options a.photos{ background: url(img/blog_icon_diapo_white.gif) top left no-repeat; }
#schedule .options a.audio{ background: url(img/blog_icon_audio_white.gif) top left no-repeat; }
#schedule .options a.video{ background: url(img/blog_icon_video_white.gif) top left no-repeat; }


/* Pub Contest /////////////////////////////////////////////////// */
.pub-contest{
	padding-top: 8px;
	text-align: center;
}
.pub-contest a img{ border: none;} 
.pub-contest a img.first{}
.pub-contest a{
	padding: 0px;
	margin: 0px;
}

/* Bio //////////////////////////////////////////////////////////// */
.content .text{
	padding: 0 21px;
}

/* text pages ///////////////////////////////////////////////////// */

.gallery-element .left,
.schedule-element .left,
.tv-element .left,
.schedule-detail .left
{width:420px;}

.right-column .text-element {
	overflow: hidden;
	padding: 10px 21px 9px 21px;
	margin-bottom: 10px;
	background: url(img/long-separator.gif) no-repeat bottom center;
	zoom:1
}

.image-right {
	width: 135px;
	height: auto;
	padding: 3px 0 0 0;
	margin: 0 15px 0 0; float:left; text-align:center;
	background:url(/images/img-bg-top.gif) top left no-repeat;
	border:solid #E66DCE; border-width:0 3px 3px 3px;
}
.image-right img {
	background: #E66DCE url(/images/img-bg-bottom.gif) bottom left no-repeat;
	padding: 0; margin:0 0 -2px 0; z-index:1;
}

.right-column .text-element .image-right{
	float:left;
}

.right-column .text-element .text-left {width:415px;}
.right-column .text-element h3 {color:#ca4ea6; margin:-10px 0 3px 0; padding-top:0;}
.right-column .text-element h4 {margin:0; font-size:14px;}

/* Site map //////////////////////////////////////////////////////// */
#site-map ul{
	padding: 5px 21px 10px 21px;
}
/* Schedule //////////////////////////////////////////////////////// */
#schedule .schedule-menu{
	padding: 0 21px 10px 21px;
	height: 25px;
	background: url(img/hr-tabs.gif) 21px bottom no-repeat;
}
#schedule .schedule-menu a.upcoming{ background: url(img/upcoming-events.gif) top left no-repeat; }
#schedule .schedule-menu a.past{ background: url(img/past-events.gif) top left no-repeat; }

#schedule .schedule-menu a:hover{ background-position:-180px 0; }
#schedule .schedule-menu a.selected-up, #schedule .schedule-menu a:hover.selected-up{ background-position:-360px 0; }
#schedule .schedule-menu a.selected-past, #schedule .schedule-menu a:hover.selected-past{ background-position:-360px 0;  }

#schedule .schedule-menu a{
	float: left;
	width: 175px;
	height: 24px;
	text-align:center;
	padding: 0 5px 0 0;
	margin: 0px;
	font-size: 14px;
}
#schedule .schedule-menu a.selected{
	text-decoration: underline;
}
#schedule .schedule-element{
	width: 578px;
	overflow: hidden;
	padding: 10px 21px 9px 21px;
	margin-bottom: 10px;
	background: url(img/long-separator.gif) 20px bottom no-repeat;
}
#schedule .schedule-element h4{
	padding: 0 0 0 0;
	margin: 0px;
	font-size: 14px;
}
#schedule .schedule-detail .date,
#schedule .schedule-element .date{
	font-weight: bold;
	padding: 5px 0;
}
#schedule .schedule-element .image-left{
	width: 141px;
	height: auto;
	padding: 0px;
	margin: 3px 8px 0 0;
	background-color: #E66DCE;
	
}
#schedule .schedule-detail .image-left{
	margin: 3px 10px 10px 0;
}
#schedule .schedule-detail h4{
	padding: 0 0 0 0;
	margin: 0px;
	font-size: 14px;
}
#schedule .schedule-detail{
	overflow: hidden;
	padding: 0 10px;
}

/* Gallery ////////////////////////////////////////////////// */
#gallery .gallery-element{
	width: 578px;
	overflow: hidden;
	position: relative;
	padding: 10px 21px 23px 21px;
	margin-bottom: 10px;
	background: url(img/long-separator.gif) 21px bottom no-repeat;
}
#gallery .gallery-element .image-left{
	width: 141px;
	height: auto;
	padding: 0px;
	margin: 3px 8px 0 0;
	background-color: #E66DCE;
}
#gallery .gallery-element .image-left a{
	display: block;
	position :relative;
}
#gallery .gallery-element .title{
	display: block;
	font-size: 12px;
}
#gallery .gallery-element .date{
	display: block;
	padding: 0 0 10px 0;
	font-weight: bold;
}

#gallery .gallery-element .fans-only-logo{
	position: absolute;
	bottom: 3px;
	right: 21px;
}
#gallery .fans-only .title,
#gallery .fans-only .date,
#gallery .fans-only p{
	color: #ccc;
}
#gallery .fans-only .image-left{
	opacity: 0.5;
	filter : alpha(opacity=50); 
}


/* Serena TV ////////////////////////////////////////////////// */
#serena-tv-list .tv-element{
	width: 578px;
	overflow: hidden;
	position: relative;
	padding: 10px 21px 23px 21px;
	margin-bottom: 10px;
	background: url(img/long-separator.gif) 21px bottom no-repeat;
}
#serena-tv-listtwo .tv-element{
	width: 578px;
	overflow: hidden;
	position: relative;
	padding: 10px 21px 23px 21px;
	margin-bottom: 10px;
	background: url(img/long-separator.gif) 21px bottom no-repeat;
}
#serena-tv-list .tv-element .image-left{
	width: 141px;
	height: auto;
	padding: 0px;
	margin: 3px 8px 0 0;
	background-color: #E66DCE;
}
#serena-tv-list .tv-element .image-left a{
	display: block;
	position :relative;
}
 
#serena-tv-list .tv-element .title{
	display: block;
	font-size: 12px;
}
#serena-tv-list .tv-element .date{
	display: block;
	padding: 0 0 10px 0;
	font-weight: bold;
}

#serena-tv-list .tv-element .fans-only-logo{
	position: absolute;
	bottom: 3px;
	right: 21px;
}
#serena-tv-list .fans-only .title,
#serena-tv-list .fans-only .date,
#serena-tv-list .fans-only p{
	color: #ccc;
}
#serena-tv-list .fans-only .image-left{
	opacity: 0.5;
	filter : alpha(opacity=50); 
}

/* Contest /////////////////////////////////////////// */
#contest h4.title {
	background: url(img/hr-shadow.jpg) 0 bottom no-repeat;
	padding-bottom:21px; margin-top:10px;
}

#contest .contest-details {
    padding:0 21px;
}

#contest .contest-image {
    float:left;
    margin: 0 10px 0 0;
}

#contest #form_concours {
	background: url(img/long-separator.gif) 21px 0 no-repeat;
	padding-top:10px; margin-top:10px;
}

#contest .contest-form {width:40%; float:left; padding:0 21px; padding-top:21px;}

#contest .label {font-weight:bold; }
#contest .title, .important p {
    font-weight:bold; font-size:14px; color:#ca4ea6;
    margin:10px 0; 
}

#contest .prize li {
    list-style-position: inside;
}

#contest .row {
    clear:both;
    overflow:hidden;
}

#contest .row input,
#contest .row label {
    float:left;
}


/* media */
#media .media-menu{
	padding: 0 21px 10px 21px;
	height: 25px;
	background: url(img/hr-tabs.gif) 21px bottom no-repeat;
}

#media .media-menu a.article{ background: url(img/press-article.gif) top left no-repeat; }
#media .media-menu a.release{ background: url(img/press-release.gif) top left no-repeat; }

#media .media-menu a:hover{ background-position:-180px 0; }
#media .media-menu a.selected-article, #media .media-menu a:hover.selected-article{ background-position:-360px 0; }
#media .media-menu a.selected-release, #media .media-menu a:hover.selected-release{ background-position:-360px 0;  }

#media .media-menu a{
	float: left;
	width: 175px;
	height: 24px;
	text-align:center;
	padding: 0 5px 0 0;
	margin: 0px;
	font-size: 14px;
}
#media .media-menu a.selected{
	text-decoration: underline;
}
#media .media-element{
	padding: 10px 21px 10px 21px;
	margin: 0;
	background: url(img/long-separator.gif) 21px bottom no-repeat;
}
#media .media-element .date{
	display: block;
	font-weight: bold;
}
#media .media-element .title{
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 5px 25px;
	line-height: 20px;
	background: url(img/pdf-white.gif) left 2px no-repeat;
}
#media .media-element .auteur{
	font-weight: bold;
	display: block;
}
#media .media-element .source{
	font-weight: bold;
	display: block;
}
/* Page navigator /////////////////////////////////////////// */
.pageNavigator {
	height: 22px;
	z-index: 5;
}
.pageNavigator div{
	float: right;
	right: 30px;
}
.pageNavigator div span,
.pageNavigator div a{
	float: left;
	font-size: 11px;
	padding: 3px;
	display: block;
	color: #000;
}
.pageNavigator div a:hover{
	color: #BF3BA0;
}
.pageNavigator div a.selected{
	font-size: 16px;
	color: #7A0A5E;
}
	
/* footer /////////////////////////////////////////////////// */
#footer{
	background: url(img/footer_bg.jpg) center bottom no-repeat;
	height: 313px; 
}
#footerMenu{
	width: 969px;
	margin: 0 auto;
}
#footerMenu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#footerMenu ul li{
	float: left;
	padding: 0px;
	margin: 0px;
	height: 134px;
}
#footerMenu ul li a{
	height: 134px;
	display: block;
}
#footerMenu ul li#footerMenu_fanclub a{ width:250px; background: url(img/footer_menu_fan_club.gif) no-repeat; }
#footerMenu ul li#footerMenu_contactme a{ width:196px; background: url(img/footer_menu_contact_me.gif) no-repeat; }
#footerMenu ul li#footerMenu_intervalrun a{ width:255px; background: url(img/footer_menu_interval_run.gif) no-repeat; }
#footerMenu ul li#footerMenu_top5 { width:268px; background: url(img/footer_menu_my_top_5.gif) no-repeat; }

#footerMenu ul li#footerMenu_fanclub a:hover,
#footerMenu ul li#footerMenu_contactme a:hover,
#footerMenu ul li#footerMenu_intervalrun a:hover,
#footerMenu ul li#footerMenu_top5 a.bg:hover 
{background-position:0 -134px;}

#footer #subfooter { 	
	opacity: 0.7;
	filter : alpha(opacity=70); 
	display:block; 
	clear:both; 
	text-align:center; 
	font-size:10px; 
	color:#dcd1cb; 
	padding:10px 0;
}
#footer #subfooter a:hover {color:#e477d3;}

/* my top 5 songs */
#footerMenu ul li#footerMenu_top5 {position:relative;}
#footerMenu ul li#footerMenu_top5 #songs		{display:block; position:absolute; top:22px; left:94px; height:80px; width:144px; overflow:hidden;}
#footerMenu ul li#footerMenu_top5 #songs li {
	display:block; float:none; clear:both; height:auto; color:#000;
	position: relative; left:0; width:600px; line-height:16px; margin:0;
}
#footerMenu ul li#footerMenu_top5 #songs li span {font-weight:bold;}
#footerMenu ul li#footerMenu_top5 #songs a 	{display:inline; height:auto; color:#000; font-weight:normal;}

#footerMenu ul li#footerMenu_top5 #songs a .tooltip	{display:none;}
/*#footerMenu ul li#footerMenu_top5 #songs a:hover .tooltip	{
	display:block; position:absolute; top:0; z-index:10;
	padding:2px; background:#ca4ea6; color:#fff;
}
*/
 
/* Scroller Box
#scroller_container {
 position: relative;
 width: 159px;
 height: 20px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 20px;
 font-size: 20px;
}

#scroller p {
 padding: 0;
} */
/* Scoller Box */


/* diapo, video, audio player /////////////////////////////////////////////////////////// */
#audio-player #container,
#video-player #container{

	padding: 10px 23px 10px 23px;
	width: 423px;
	height: 449px;
	color: #fff;
	background: #000 url(img/diaporama_player_bg_top.gif) top left no-repeat;
}
#audio-player h4,
#video-player h4{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px;
}
#audio-player #wrap,
#video-player #wrap{
	width: 419px;
	height: 319px;
	border: 1px solid #fff;
}
#audio-player .desc,
#video-player .desc{
	color: #a7a9ac;
}
#audio-player .text,
#video-player .text{
	height: 60px;
	overflow: auto;
}
#audio-player  .logo,
#video-player  .logo{
	height: 26px;
	margin-top: 5px;
	background: #000 url(img/audio_video_player_logo.gif) top right no-repeat;
}
#audio-player .desc .text p,
#video-player .desc .text p{
	padding: 0 0 5px 0;
	margin: 0px;
}
#audio-player .desc .text,
#video-player .desc .text{
	padding: 5px 5px 0 5px;
	border-bottom: 1px solid #ce5bac;
}
/* diapo */
#diapo-player #container{
	height: 595px;
	width: 700px;
	color: #fff;
	padding: 0 0 5px 0;
	background: #000 url(img/diaporama_player_bg_top.gif) top left no-repeat;
}
#diapo-player h4{
	display: block;
	padding: 0 0 0 32px;
	margin: 0px;
	line-height:28px;
	height: 29px;
	color: #fff;	
}
#diapo-player .nav{
	height:24px; 

	padding: 0 20px;
}
	#diapo-player .nav_3{
		float: right; 
		padding:5px 5px 0 0;
	}
	#diapo-player .num{
		float: right; 
		padding:5px 5px 0 0;
	}
	#diapo-player .nav_1{
		float: right; 
		padding:5px 5px 0 0;
	}
	
#diapo-player #princ{
	text-align: center;
	height: 415px;
}
#diapo-player p{
	padding: 0px;
	margin: 0px;
	color: #bcbec0;
	margin-bottom: 4px;
}
#diapo-player .desc{
	border-bottom: 1px solid #ce5bac;
	margin: 0 20px 5px 20px;
}

#diapo-player .credit,
#diapo-player .reference{
	padding: 0 20px;
}

#diapo-player .desc span,
#diapo-player .credit span,
#diapo-player .reference span{
	font-weight: bold;
	font-size: 11px;
	padding-right: 10px;
	float: left;
}


/* FORMULAIRE ////////////////////////////////////////////////////////////// */

.form h1,
.form h2,
.form h3,
.form h4,
.form h5,
.form h6 {margin:0 0 6px 0;}

/* Fields, labels, etc */
fieldset legend{display: none;}

fieldset label{
	display: block; width: auto;
	margin-top: 5px; line-height: 18px;
	color: #6a452e; font-weight: bold;
}

fieldset label.obligatoire{padding-left: 20px; background: url(img/bg_champ_obligatoire.gif) 2px 4px no-repeat;}
input.field{width: 150px; height: 14px; padding: 1px 2px 1px 2px; margin:0; border: 1px solid #ab8f7a;}
form fieldset option {border:1px solid #fff; height:15x;}
select, textarea {
	border: 1px solid #ab8f7a; padding:0; margin:0; margin-top:0px;
	font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #1E0117; 
}
select {background:#fff;}

input.long		{width: 225px;}
input.medium	{width: 190px;}
input.short		{width: 75px;}

/* VDAEMON */
.vdFieldError, input.vdFieldError{color: #300; background: #ffdfdf; border: 1px solid #c00;} /* Field with Error */
.vdLabelError{display: block; color: #c00; font-weight:normal;} /* Label with Error */
.vdLabel, .vdLabelError {font-weight:bold;}

/* GENERIC FORM STYLES //////////////////////////////////////////////////////// */

/* pleine largeur, 2 couleurs: blanc ou beige pale */
.fullwidth {
	display:block; width:580px; margin:17px 20px; position:relative; 
	background:url(/css/img/box-form-580w-bottom-white.gif) bottom left no-repeat;
}
.fullwidth fieldset {
	display:block; width:527px; padding:15px 24px 10px 29px;
	background:url(/css/img/box-form-580w-top-white.gif) top left no-repeat;
}
.fullwidth>/**/fieldset{padding-bottom:30px;}
.fullwidth.colored {background:url(/css/img/box-form-580w-bottom.gif) bottom left no-repeat;}
.fullwidth.colored fieldset {background:url(/css/img/box-form-580w-top.gif) top left no-repeat;}

/* mi-largeur, 1 couleur: beige moyen */
.halfwidth {
	display:block; width:279px; margin:17px 20px; position:relative; 
	background:url(/css/img/box-form-279w-bottom.gif) bottom left no-repeat;
}
.halfwidth fieldset {
	display:block; width:226px; padding:22px 24px 40px 29px;
	background:url(/css/img/box-form-279w-top.gif) top left no-repeat;
}
.halfwidth a {display:block; font-weight:normal; color:#fff; text-decoration:underline;}

/* rows and cols styles */
.row {display:block; clear:both; margin:0; padding:0;}
.row.select {margin:-15px 0; padding:0;}
.col {display:block; float:left; width:50%;}

.fullwidth input, .fullwidth select, .fullwidth label {margin-left:20px;}
.fullwidth label.obligatoire {margin-left:0;}

/* calendar */
#calendarDiv {border:1px solid #b3378f; }
#calendarDiv a{color:#b3378f;}

/*dark bg and pale text*/
#calendarDiv .topBar, 
#calendarDiv .selectBoxOver,
#calendarDiv .activeDay
{background:#b3378f; color:#fff;}

/*pale bg and dark text*/
#calendarDiv .timeBar, 
#calendarDiv .monthYearPicker,
#calendarDiv #todaysDateString,
#calendarDiv #bottomBar
{background-color:#e6ddd6; border:0; color:#b3378f;}

/*drop-down rollovers*/
#calendarDiv .monthYearActive
{background:#fff; color:#b3378f;}

.icon-button {margin-bottom:-2px;}

/* Boutons */
button.button {
	border:none; margin:0; padding:0; line-height:0; font-size:11px; height:20px;
	background:url(/css/img/bt-form-left.gif) bottom left no-repeat;
}
.button span {
	display:block; width:100%; height:20px;
	color:#fff; font-weight:bold; text-decoration:none; line-height:19px;
	background:url(/css/img/bt-form-right.gif) right top no-repeat;
}
.button>/**/span {
	position:relative; top:-1px; padding-right:3px;
}

.halfwidth .button 			{background:url(/css/img/bt-form-left-beige.gif) bottom left no-repeat;}
.halfwidth .button span {background:url(/css/img/bt-form-right-beige.gif) right top no-repeat;}

.button.small		{width:60px;}
.button.medium	{width:70px;}
.button.large		{width:60px;}

/*//////////////////////////////MENAGE////////////////////////////////////////*/

/* Specific form styles */
p.formNotice {color:#6a452e; margin:6px 50px; font-weight:normal;}
.success p, .error p {color:#000; font-weight:bold; text-align:center; margin:10px 0;}
.error {border:1px solid #bb4699; background:#ffdef7; padding:0;}
.success {border:1px solid #e3dbd5; background:#efe9e4; padding:0;}


.pub-content {position:absolute; right:33px; top:153px;}
#registerCTA {
	display:block; position:relative;
	margin:60px;
}

#registerCTA {width:212px; height:63px; background: url(img/cta-register.gif) 0 0 no-repeat; }
#registerCTA:hover{ background-position:0 -63px; }

#login {display:block; width:62px; height:11px; background:url(/css/img/title-login.gif) top left no-repeat;}
#fp {display:block; width:186px; height:12px; background:url(/css/img/title-fp.gif) top left no-repeat;}
#register {display:block; width:396px; height:34px; background:url(/css/img/title-register.gif) top left no-repeat; margin-left:21px;}


/* can probably remove but not sure */
fieldset.colored{/*background-color: #EFE6E0;*/}
fieldset.multy{/*margin: 0px;border-top: 1px dotted #ccc;*/}