#featured { 
	width: 562px; padding: 3px; 
	margin-bottom: 15px; background-color: #fff;}
	
#featured ul.ui-tabs-nav {
   list-style: none; width: 84px; position: absolute; 
   right: 214px; top: 224px; z-index: 2;}
#featured li.ui-tabs-nav-item a { 
	display: block; width: 84px;
   text-indent: -5000px; overflow: hidden;}
   
#featured li.ui-tabs-nav-item a:hover {background-position: -84px 0 !important;}
#featured li.ui-tabs-selected {background-position: -84px 0 !important; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a {background-position: -84px 0 !important;}
   
#featured .ui-tabs-panel,
#featured .ui-tabs-panel img.visuelPanel {width: 500px;}
   
#featured .ui-tabs-panel .info { 
	width: 500px; position: absolute; left: 204px; 
	height: 20px; background: url(../../images/transparent-bg.png); }
   
/****** Version 3 boutons */

/*#featured {height: 281px; border: 1px solid #c2e3f7;}

#featured ul.ui-tabs-nav li#nav-fragment-1 a {background: transparent url(../../images/btnPhotos.png) no-repeat; height: 93px;}
#featured ul.ui-tabs-nav li#nav-fragment-2 a {background: transparent url(../../images/btnVideos.png) no-repeat; height: 94px;}
#featured ul.ui-tabs-nav li#nav-fragment-3 a {background: transparent url(../../images/btnAudios.png) no-repeat; height: 94px;}

#featured ul.ui-tabs-nav li#nav-fragment-1 {height: 93px;}
#featured ul.ui-tabs-nav li#nav-fragment-2 {height: 94px;}
#featured ul.ui-tabs-nav li#nav-fragment-3 {height: 94px;}

#featured .ui-tabs-panel,
#featured .ui-tabs-panel img.visuelPanel {height: 281px;}

#featured .ui-tabs-panel .info {top: 485px;}*/

/****** Version 5 boutons */

#featured {height: 280px; border: 1px solid #004091;}

#featured ul.ui-tabs-nav li#nav-fragment-1 a {background: transparent url(../../images/btnPhotosCourse.png) no-repeat;}
#featured ul.ui-tabs-nav li#nav-fragment-2 a {background: transparent url(../../images/btnVideosCourse.png) no-repeat;}
#featured ul.ui-tabs-nav li#nav-fragment-3 a {background: transparent url(../../images/btnAudiosCourse.png) no-repeat;}
#featured ul.ui-tabs-nav li#nav-fragment-4 a {background: transparent url(../../images/btnDirectCourse.png) no-repeat;}
#featured ul.ui-tabs-nav li#nav-fragment-5 a {background: transparent url(../../images/btnCartoCourse.png) no-repeat;}

#featured ul.ui-tabs-nav li,
#featured ul.ui-tabs-nav li a {height: 56px;}

#featured .ui-tabs-panel,
#featured .ui-tabs-panel img.visuelPanel {height: 280px;}

#featured .ui-tabs-panel .info {top: 484px;}

/*******************************/


#featured .info a {
   display: block; height: 20px; line-height: 20px; font-weight: bold; 
   color: #004091; padding-left: 5px; font-weight: bold; text-decoration: none;}
#featured .info a:hover {text-decoration: underline;}
#featured .ui-tabs-hide {display: none;}

#featured .blocVacation {margin-bottom: 5px; width: 430px; padding: 0 0 5px 0;}
#featured .blocVacation .date {padding-top: 10px;}
#featured .blocVacation img {border: 0; width: 50px;}
#featured .blocVacation h2 {font-size: 12px;}
#featured .blocVacation .lecteurAudio {margin: 8px 0 0 0;}

/*** La ligne ci-dessous est à réafficher dès qu'il y aura une vacation */
#featured #fragment-3 {background: transparent url(../../images/bgPanelAudios.gif) no-repeat; padding: 10px 0 0 40px; width: 460px; height: 271px;}

/**** Et celle-ci à masquer !!! */
/*#featured #fragment-3 {background: transparent url(../../images/bgAudioAttente.gif) no-repeat; padding: 10px 0 0 40px; width: 460px; height: 271px;} */

#lnkPanelPhotos {position: absolute; right: 5px; bottom: 0; z-index: 1;}

.lecteurAudio a {
   display: block; height: 12px; padding-right: 15px; text-align: right;
   background: transparent url(../../images/download.gif) no-repeat top right;
   text-decoration: none; font-size: 10px; margin-top: 5px;}
 
#lnkPanelAudios {
   position: relative; top: -4px; text-align: right; display: block; margin-right: 28px;
   color: #004091; font-weight: bold; z-index: 5; }

/********************* Panel en direct */

#featured #fragment-4 #layer6sens {
   background: transparent url(../../images/bgEnDirect.jpg) no-repeat; 
   padding: 20px 30px 20px 80px; width: 390px; height: 240px;
   font-size: 14px; font-weight: bold; position: relative;}

#lnkLive {
   display: block; width: 150px; height: 42px;
   background: transparent url(../../images/lnkLive.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;
   position: absolute; left: 80px; bottom: 20px;}

#lnkFacebook {
   display: block; width: 160px; height: 42px;
   background: transparent url(../../images/lnkFacebook.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;
   position: absolute; left: 80px; bottom: 20px;}

#featured #fragment-4 #layerFrance3 {
   background: transparent url(../../images/bgVideoEnDirect.jpg) no-repeat; 
   width: 404px; height: 280px; padding: 0 0 0 96px; position: relative;}

#lnkVideoWindow {
   display: block; width: 78px; height: 51px;
   background: transparent url(../../images/lnkVideoWindow.gif) no-repeat;
   text-indent: -5000px; overflow: hidden; position: absolute; left: 8px; bottom: 8px;}

/********** carto */

#featured #fragment-5 {
   background: transparent url(../../images/bgCartographie.gif) no-repeat; 
   width: 500px; height: 280px;}