body
{
	margin: 0px;
	padding:0px;
	font-family : Arial;
	font-size: 12px;
	color:#fefefe;
	background-color: #000;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	background: #000;
	/**background: #000 url(../images/background/fond-miami-monaco.jpg) no-repeat top center;**/
        /**background: #000 url(../images/fond-vitamine-cannes.jpg) no-repeat top center;**/

}

#header
{
	background: url(../images/home/fond-header-new.jpg) bottom center;
	width:100%;
	height: 270px;
	font-family : Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; 
	font-size: 11px;
}

#bandeau-artistes {
	height:180px;
	width:100%;	
}

#marge-top
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#header-content
{
	width: 1000px;
	height: 81px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

#header-content-top
{
	position:absolute;
	width: 780px;
	height: 22px;
	top: 203px;
	margin-right: auto;
	margin-left: -24px;
	position: relative;
	color: #ff4ad9;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#header-content-bottom
{
	position:absolute;
	width: 755px;
	height: 34px;
	top: 210px;
	margin-right: auto;
	margin-left: -12px;
	position: relative;
	color: #ff4ad9;
}

#header-content a
{
	color: #ffffff;
	text-decoration: none;
}

#header-content a:hover
{
	color: #74ff0d;
	text-decoration: none;
}

#actu .module-title a
{
	color: #ffffff;
	text-decoration: none;
}

#agenda .module-title a
{
	color: #ffffff;
	text-decoration: none;
}

#my-vita-fan .module-title a
{
	color: #ffffff;
	text-decoration: none;
}

#my-vita-amis .module-title a
{
	color: #ffffff;
	text-decoration: none;
}

.module-content .footer-module
{
	position: absolute;
	bottom:6px;
	width: 340px;
	height: 16px;
	text-align: center;
}

#header-content-right
{
	position: absolute;
	left: 756px;
	top: 180px;
	width: 250px;
	height: 88px;
	border: 1px solid  #90ff3d;
	
}

#header-content-left
{
	width: 741px;
	height: 90px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	position: relative;
	float:left;	

}

#pub-droite
{
position: absolute;
width: 126px;
height: 600px;
top: 20px;
left: 50%;
margin-left: 511px;
}

#pub-gauche
{
position: absolute;
width: 126px;
height: 600px;
top: 20px;
left: 50%;
margin-left: -630px;
}

#lien-web
{
	position: relative;
	width : 128px;
	height: 28px;
	float:left;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	padding-top: 5px;
}

#logo
{
	position: absolute;
	top: 112px;
	left: 114px;		  
}

.menu-ecoute
{
	background: url("../images/home/fond-menu-ecoute.jpg") ;
	width: 250px;
	height: 44px;
	position: relative;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	
}

.title-ecoute
{
	font-size: 16px;
	font-family: Arial;
	color:#fefefe;
}

#menu-ecoute-haut
{
	width: 231px;
	height: 32px;
	padding-left : 19px;
	padding-top: 11px;
	border-bottom: 1px solid  #90ff3d;
}

#menu-ecoute-bas
{
	width: 229px;
	height: 30px;
	padding-top: 13px;
	padding-left : 21px;
	
}
		
.menu
{
	float: left;
	font-size: 11px;
	text-align: center;
	position: relative;
	height: 28px;
}

#menu1
{
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 6px;
	padding-left: 16px;
	width: 258px;
}

#menu2
{
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 6px;
	padding-left: 14px;
	width: 178px;

}

#menu3
{
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 6px;
	padding-left: 18px;
	width: 143px;
}



#accueil
{
	top : 3px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width : 1000px
}

#corps
{
	margin-top : 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width : 1042px;
	min-height: 1200px;
	text-align: justify;
	padding-bottom: 20px;
	/** CSS HACK MENU CACHE **/
	border-top: 1px solid #25001e;
}

#corps a
{
	color: #74ff0d;
	text-decoration: none;
}

#corps a:hover
{
	color: #fff;
	text-decoration: none;
}

.menu-sup
{
	background: url(../images/home/fond-menu-sup.jpg) repeat-x;
	margin-top : 0px;
	position: relative;
	width : 1000px;
	height: 131px;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #ff4ad9;
	border-right: 1px solid #ff4ad9;
	border-bottom: 1px solid #ff4ad9;
	display:none;
}

#corps .menu-sup a
{
	color: white;
}


#corps .menu-sup a:hover
{
	color: #74ff0d;
}

.menu-sup .menu-text
{
	padding: 0px ;
	padding-left: 53px ;
	height: 90px;
	width: 360px;
	float: left;
}

#content-radio
{
	position: relative;
	width :300px;
	height: 64px;
	margin-left: 154px;
	margin-top: 10px;
}

#icone-radio
{
	position: relative;
	width :64px;
	height: 64px;
	margin-left: 48px;
	margin-top: 10px;
}

.vertical-ligne
{
	width:1px;
	height:60px;
	border-left: 1px solid #74ff0d;
	margin-left: 40px;
	margin-top: 10px;
	float:left;
}

.pub_menu
{
	background: url(../images/home/fond-vita-box.jpg) repeat-x;
	height: 60px;
	position: relative;
	margin-right: 45px;
	margin-left: auto;
	top : 35px;
	width: 468px;
	border : 1px solid #74ff0d;
}

#apercu
{
	margin-top : 0px;
	position: relative;
	width : 741px;
	height: 340px;
	margin-right: auto;
	margin-left: 0px;
}

#pub
{
	margin-top : 0px;
	position: relative;
	width : 250px;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #ff4ad9;
}

#actu
{
	position: absolute;
	top: 360px;
	left: 0px;	
	background: url(../images/home/fond-module-menu.jpg) top repeat-x #050004;
	
	width : 222px;
	height: 340px;
	border: 1px solid #ff4ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow:hidden;
}
#actu ul, #actu li  
{
	list-style-type:none;
	margin: 0px;
}
#actu .module-title
{
	width: 222px;
}

#actu #btn-news-next
{
	position: absolute;
	top: 45px;
	right: 5px;
}
#actu #btn-news-prev
{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#actu #news-carousel
{
	margin-right: 15px;
}
#agenda
{
	position: absolute;
	top: 360px;
	left: 241px;	
	background: url(../images/home/fond-module-menu.jpg) top repeat-x #050004;
	width : 500px;
	height: 340px;
	border: 1px solid #ff4ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow:hidden;
}

#agenda ul, #agenda li  
{
	list-style-type:none;
	margin: 0px;
}
#agenda .module-title
{
	width: 500px;
	
}

.agenda-content
{
	position : relative;
	width: 480px;
	height : 150px;
	border-bottom: 1px solid #ff4ad9;
	
}

#agenda #btn-agenda-next
{
	position: absolute;
	top: 45px;
	right: 5px;
}
#agenda #btn-agenda-prev
{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#agenda #agenda-carousel
{
	margin-right: 15px;
}
.diapo-agenda
{
	position : relative;
	width: 186px;
	margin: 0px;
	height: 150px;
	float:left;
	border-right:1px solid #ff4ad9; 
}
.agenda-content .module-content
{
	height: 120px;
	overflow:hidden;
}

.img-agenda
{
	position: relative;
	width: 160px; 
	height: 109px;
	border: 0px;
	margin-top: 20px;
	margin-left: 13px;
}

.text-agenda
{
	position : relative;
	width: 186px;
	margin: auto;
	height: 300px;
	padding: 10px;
}


#vita-tv
{
	background: #050004;
	top : 720px;
	position: absolute;
	width : 742px;
	height: 220px;
	border: 1px solid #ff4ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow:hidden;

}

#columns
{	
	margin-top : 10px;
	margin-left: 20px;
	position: relative;
	width : 1000px;
	height: 220px;	
}
#vita-dj
{
	background: url(../images/home/fond-module-menu.jpg) top repeat-x #050004;
	top : 0px;
	position: absolute;
	width : 234px;
	height: 220px;
	overflow:hidden;
	left: 0px;
	border: 1px solid #ff4ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#dj-carousel
{
	overflow:hidden;
	width : 210px;
	margin-right: 10px;
}

#vita-dj a
{
	color: #74ff0d;	
}
#btn-dj-next
{
	position: absolute;
	bottom: 10px;
	left:10px;
}
#btn-dj-prev
{
	position: absolute;
	bottom: 10px;
	right:10px;
}

#btn-bestof-next
{
	position: absolute;
	bottom: 10px;
	left:10px;
}
#btn-bestof-prev
{
	position: absolute;
	bottom: 10px;
	right:10px;
}
#titres
{
	background: url(../images/home/fond-module-menu.jpg) top repeat-x #050004;	
	position: absolute;
	width : 234px;
	height: 220px;
	top: 0px;
	left: 254px;
	border: 1px solid #ff4ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#titres a
{
	color: #74ff0d;	
}

#best-of
{
	background: url(../images/home/fond-module-menu.jpg) top repeat-x #050004;
	margin-top : 0px;
	position: absolute;
	width : 234px;
	height: 220px;
	margin-right: auto;
	left: 508px;
	border: 1px solid #ff4ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#best-of a
{
	color: #74ff0d;	
}

#best-of-content
{
	width : 214px;
	height: 66px;
	padding-left: 10px;
	padding-right: 10px;
}

#link_bestof{
	position:absolute;
	width:172px;
	bottom:9px;
	text-align:center;
	height:12px;
	margin-left:30px;
	margin-right:30px;
}
	   		
#services
{
	background: url(../images/home/fond-module-menu.jpg) top repeat-x #050004;
	margin-top : 0px;
	position: absolute;
	width : 250px;
	height: 220px;
	margin-right: auto;
	left: 760px;
	border: 1px solid #ff4ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}

#services .module-title
{
	width: 239px;
}
#services a
{
	color: #fff;
}
#services a:hover
{
	color: #74ff0d;
}

#first-col
{
	margin-top : 20px;
	position: relative;
	width : 488px;
	height: 220px;
	margin-right: auto;
	margin-left: 20px;
}

#second-col
{
	margin-top : 20px;
	position: relative;
	width : 488px;
	height: 220px;
	margin-right: auto;
	margin-left: 528px;

}


#left-col
{
	margin-top : 20px;
	position: relative;
	width : 741px;
	height: 945px;
	left: 20px;

}

#right-col
{
	position: relative;
	float:right;
	margin-top : 20px;
	width : 250px;
	height: 945px;
	right: 15px;
	
}

#on-air
{
	background: #050004;
	margin-top : 6px;
	position: relative;
	width : 250px;
	height: 216px;
	margin-left: 0px;
	overflow:hidden;
	border-left: 1px solid #74ff0d;
	border-right: 1px solid #74ff0d;
	border-top: 1px solid #74ff0d;

}
#on-air #icone-podcast
{
	position: absolute;
	bottom: 10px;
	left: 20px;
}
#on-air #icone-my-vita
{
	position: absolute;
	bottom: 10px;
	width:43px;
	left:50%;
	margin-left:-22px;
}

#on-air #icone-devenir-fan
{
	position: absolute;
	bottom: 16px;
	width:140px;
	left:43%;
	margin-left:-22px;
}
#on-air #icone-ecouter
{
	position: absolute;
	bottom: 10px;
	right: 20px;
}
#jeux
{
	background: #050004;
	margin-top : 0px;
	position: relative;
	width : 250px;
	height: 250px;
	margin-right: auto;
	margin-left: 0px;
	border-left: 1px solid #74ff0d;
	border-right: 1px solid #74ff0d;
	border-top: 1px solid #74ff0d;

}	   		

#reseau-social
{
	background: #050004;
	margin-top : 0px;
	position: relative;
	width : 250px;
	height: 216px;
	overflow:hidden;
	margin-right: auto;
	margin-left: 0px;
	border: 1px solid #74ff0d;
}

.module-title
{
	width: 234px;
	height: 38px;
	text-align: left;
	border-bottom: 1px solid #ff4ad9;
	font-size: 20px;
	font-family : Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; 
	font-weight: bold;
	color:#fefefe;
	margin-top: 0px;
	line-height: 38px;
}

.module-title .icone, .module-title-normal .icone
{
	float:left;
	margin-left: 10px;
	margin-right: 8px;
	margin-top: 5px;
}

.module-title-normal
{
	width: 234px;
	height: 33px;
	text-align: left;	
	font-size: 20px;
	font-family : Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; 
	font-weight: bold;	
	color:#fefefe;
	line-height: 38px;
}
#vita-tv .module-title-normal a, #reseau-social .module-title-normal a, #vita-dj .module-title a
{
	color: #fff;
}
.module-content
{
	padding: 10px;
}


#footer
{
	background: url(../images/home/fond-footer.jpg) bottom center;
	height: 272px;
	margin-bottom: 0px;
}

#footer-content
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width : 1000px;
	padding-top: 10px;
}

#footer-content .footer-column a	
{
	text-decoration: none;
	color: #fff;	
	line-height:16px;
}
#footer-content .footer-column a:hover
{
	text-decoration: none;
	color: #77b526;	
}
.footer-column
{
	width: 150px;
	float:left;
	margin-right: 10px;
}

#footer-content h2
{
	color: #77b526;
	font-size : 12px;
	font-family: Arial;
	text-transform: uppercase;
	padding-left: 0px;	
	margin-bottom: 15px;
	font-weight: normal;
}
h1
{
	color: #74ff0d;
	font-size : 12px;
	font-family: Arial;
	text-transform: uppercase;
	padding-left: 0px;
}

.logo-audio
{
	position: absolute;
	top: 8px;
	left: 10px;
}
.logo-tv
{
	position: absolute;
	top: 6px;
	left: 20px;
}
.bouton-lecture
{
	position: absolute;
	top: 14px;
	right: 10px;
}

#logo-myvita
{
	position: absolute;
	top: 6px;
	left: 10px;
}
#logo-newsletter
{
	position: absolute;
	top: 9px;
	left: 10px;
}

#logo-vitabox
{
	position: absolute;
	top: 4px;
	left: 10px;
}

.bloc_diaporama {
	height: 160px;
	width: 740px;
}

#copyright
{
	color: #ffffff;
	position:absolute;
	top: 165px;
	left: 0px;
	text-align:left;
	line-height:20px;
	font-size:11px;
}

#copyright a
{
	color: #77b526;
	text-decoration:none;
}

#copyright a:hover
{
	color: #fff;
	text-decoration:none;
}

#corps .module-content .pseudo-boy a
{
	color: #74ff0d;
}

#corps .module-content .pseudo-boy a:hover
{
	color: #74ff0d;
}

#corps .module-content .pseudo-girl a
{
	color: #ff4ad9;
}

#corps .module-content .pseudo-girl a:hover
{
	color: #ff4ad9;
}

#apercu
{
	position: absolute;
	top: 0px;
	left: 0px;
}
.diapo-highlight
{
	width: 500px;
	height: 340px;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
#highlights-wrapper ul, #highlights-wrapper li  
{
	list-style-type:none;
	margin: 0px;
}
#highlights-wrapper
{
	width: 500px;
	height: 340px;
	position:relative;	
	overflow:hidden;
	border: 1px solid #ff4ad9;
}
.highlight-text
{
	position: absolute;
	bottom: 2px;
	left: 0px;
	width: 480px;
	height: 80px;
	background: url(../images/fond-noir.png);
	padding-left:10px;
	padding-right:10px;	
	
}
.highlight-text h1 a
{
	font-size: 20px;
	font-weight:normal;
	color: #fff;	
}
.highlight-button
{
	position: absolute;
	right: 0px;
	width:260px;
	height: 83px;
	z-index: 10000;	
	cursor:pointer;	
}
.highlight-button .highlight-button-type
{
	position: absolute;
	top: 15px;
	left: 40px;
	color: #74ff0d;
	font-size: 14px;
	text-transform: capitalize;
	width: 210px;
	text-align:left;
}
.highlight-button .highlight-button-text
{
	position: absolute;
	top: 35px;
	left: 40px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	width: 210px;
	text-align:left;
}
#highlight-button-1
{
	top: 0px;
}
#highlight-button-1.highlight-bg
{
	background: url(../images/home/fond-highlight-bouton-1.png) no-repeat top right;	
}
#highlight-button-2
{
	top: 87px;	
}
#highlight-button-2.highlight-bg
{
	background: url(../images/home/fond-highlight-bouton-23.png) no-repeat top right;	
}
#highlight-button-3
{
	top: 174px;
}
#highlight-button-3.highlight-bg
{
	background: url(../images/home/fond-highlight-bouton-23.png) no-repeat top right;	
}
#highlight-button-4
{
	top: 260px;
}
#highlight-button-4.highlight-bg
{
	background: url(../images/home/fond-highlight-bouton-4.png) no-repeat top right;		
}
.highlight-button-over
{
	background: url(../images/home/fond-highlight-bouton-23-over.png) no-repeat top right;	
}
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #000;
    color: #fff;
    border: 1px solid #ff4ad9;
    padding: 12px;
    text-align:center;
    z-index: 10001;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}