/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/

*{ margin: 0; padding: 0; }*
body { margin: 50px 0 0; background: #fff url(../images/bg.gif) repeat-x; font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
	h1 { font-size: 3em; font-weight: normal; float: left; }
	h1 a { text-decoration: none; }
	h2 { font-size: 2em; color:#fff; font-weight: normal; margin: 0 0 .8em; }
	h3,.contentheading, .componentheading { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
	p  { margin: 0 0 2em 0; line-height: 1.8em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #000; }
	a:hover { color: #7f8c29; text-decoration: none; }
	img { border: 0; }
	.red { color: #7f8c29; }
	
.wrap { width: 900px; margin: 0 auto; }
.cache { display: none; }
#header { width: 900px; height: 50px; margin: 0 auto; }
		#menu  { float: right; padding: 6px 0 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #444; color: #7f8c29;}
#slogan {color: #a4b237;font-size: 0.7em; font-style: italic;}
#artistes{
height: 150px;
width: 126px;
position: absolute;
top:90px;
left:87%;
background: url(../images/tampon.png) no-repeat ;
z-index: 100;
}
 
#teaser { clear: both; height: 259px; background: #fff url(../images/teaserbg.jpg) repeat-x; }
	.box { float: left; padding: 66px 0 0; width: 480px; color: #ffffff; font-size: 1.4em;}
	#image { float: right; width: 388px; position: relative; top: 16px; background: url(../images/logotype.jpg) no-repeat top right; height: 258px; }
	
#bar { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; height: 30px; }
	.step a{ color: #ffffff; margin: 0 20px 0 0; text-decoration: none;}
	.step a:hover { color: #a2b235;}
	.step1 { cursor: pointer; color: #ffffff; padding: 4px 0 0 11px; margin: 0 35px 5px 0; font-size: 1.4em;float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
	.step1 a { color: #ffffff; margin: 0 10px 0 0; text-decoration: none;}
	.step1 a:hover { color: #a2b235;}
	
.col { float: left; width: 500px; margin: 0 30px 16px 0; }
	.last { float: right; margin: 0;width: 350px; }
	.last div.moduletable h3 { background: url(images/img07.gif) no-repeat left 70%;
	margin-top: 10px;}
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer { clear: both; width: 900px;height: 100px; margin: 0 auto; padding: 15px; border-top: 1px solid #e0e0e0; background: #fff url(../images/small_logotype.jpg) no-repeat right 13px; }	
	#footer .left { margin: 0 32px 0 0; width:250px;}
	#footer a { color: #808080; font-weight: bold; }
#propulse {width: 900px;margin:30 auto;float: left;text-align: right;}
	
/*-------------Menu Photos----------------*/
#accueil ul{
	width:530px;
	height:400px;
	/* padding:9px 0 10px 10px; */
	background-color:#fff;
	/* color:#000; */
	float:left;
}
#accueil ul li{
	float:left;
	margin:0 10px 0 0;
	display:block;
	font-size:0;
	line-height:0;
}
#accueil ul li a{
	display:block;
	text-decoration: none;
}
#accueil ul li a.easylistening{
	background:url(../images/easylistening.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
	text-decoration: none;
}
#accueil ul li a.easylistening:hover{
	background: url(../images/easylistening-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.rock{
	background: url(../images/rock.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.rock:hover{
	background:url(../images/rock-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.electro{
	background:url(../images/electro.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.electro:hover{
	background:url(../images/electro-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.hiphop{
	background:url(../images/hiphop.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.hiphop:hover{
	background:url(../images/hiphop-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.world{
	background:url(../images/world.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.world:hover{
	background:url(../images/world-bg.gif) 0 0 no-repeat;
}

#accueil ul li a.ots{
	background:url(../images/ots.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.ots:hover{
	background:url(../images/ots.gif) 0 0 no-repeat;
}

#accueil ul li a.jazzy{
	background:url(../images/jazzy.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.jazzy:hover{
	background:url(../images/jazzy-bg.gif) 0 0 no-repeat;
}

#accueil ul li a.pop{
	background:url(../images/pop.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.pop:hover{
	background:url(../images/pop-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.orchestrale{
	background:url(../images/orchestrale.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.orchestrale:hover{
	background:url(../images/orchestrale-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.versioncourte{
	background:url(../images/versions-courtes.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.versioncourte:hover{
	background:url(../images/versions-courtes-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.reggae{
	background:url(../images/reggae.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.reggae:hover{
	background:url(../images/reggae-bg.gif) 0 0 no-repeat;
}
#accueil ul li a.egalizer{
	background:url(../images/metal.gif) 0 0 no-repeat;
	width:118px;
	height:118px;
}
#accueil ul li a.egalizer:hover{
	background:url(../images/metal-bg.gif) 0 0 no-repeat;
}

/****** last col menu for display style  *********/


ul.musicstore  {
	list-style: none;
	line-height: normal;
	padding-left: 15px;
}
ul.musicstore li {
	padding:5px 5px 5px 25px;
	font-size: 1.1em;
	background: url(../images/img06.gif) no-repeat left;
}

ul.musicstore li a {
	border: none;
	padding-left: 5px;
	text-decoration: none;
}
ul.musicstore li a:hover {
	border: none;
	color: #a4b437;
}

/*           Joomla stuff           */
.last div.moduletable {
margin-bottom:40px;
}


/* styles des listes   */
li.electro,li.play,li.shop,li.tekno, li.world, li.easy{
    list-style: none;
	padding:0px 0px 0px 45px;
	margin-bottom: 10px;
	font-size: 1.1em;
    min-height: 50px;

}
li.electro {
	background: url(../images/icones-ots/electro.gif) no-repeat 0 0;
}
li.play {
	background: url(../images/icones-ots/play.gif) no-repeat 0 0;
}

li.shop {
	background: url(../images/icones-ots/shop.gif) no-repeat 0 0;
}
li.tekno {
	background: url(../images/icones-ots/Tekno.gif) no-repeat 0 0;
}

li.world {
	background: url(../images/icones-ots/world.gif) no-repeat 0 0;
}
li.easy {
background: url(../images/icones-ots/Easy-listening.gif) no-repeat 0 0;
	}

div.moduletable p{
	font-size: 1.1em;

}


/*************references*******************/

#page-wrap			{ width: 520px; margin: 10px auto; }

.people				{ position: relative; } 
#page-wrap a					{ text-decoration: none; color: #3d3d3d; display: block;
	 				  margin: 0 0 0 300px; outline: none; padding: 5px; }
#page-wrap a:hover				{ background: #b0bf02 ; }
#page-wrap a .name				{ font-size: 14px; }
#page-wrap a:hover .name		{ color: #333333; font-weight: bold; } 
#page-wrap a:hover img			{ border : 1px solid #b0bf02; }
#page-wrap a .photo			{ display: block; position: absolute; width: 94px; height: 67px; }
#toby .photo		{ top: 0; left: 0; }
#tom .photo		    { top: 0; left: 99px; }
#gail .photo		{ top: 0; left: 198px; }
#padma .photo		{ top: 72px; left: 0; }
#paradiski .photo		{ top: 72px; left: 99px; }
#flying .photo		{ top: 72px; left: 198px; }
#alcatel .photo		{ top: 144px; left: 0; }
#vauban .photo		{ top: 144px; left: 99px; }
#aix .photo		{ top: 144px; left: 198px; }
#raffin .photo		{ top: 216px; left: 0; }
#existence .photo		{ top: 216px; left: 98px; }
#hutshinson .photo		{ top: 216px; left:198px; }
#yoz .photo		{ top: 288px; left:0; }

/* *************************************Newsletter********************************* */

 /*
body {
         background-color: #eeeeee;
      }

      a img {
         border: none;
      }
*/

      table.bg1 {
         background-color: #eeeeee;
      }

      table.bg2 {
         background-color: #ffffff;
      }

      td.permission {
         background-color: #eeeeee;
         padding: 10px 20px 10px 20px;
      }

      td.permission p {
         font-family: Arial;
         font-size: 11px;
         font-weight: normal;
         color: #333333;
         margin: 0;
         padding: 0;
      }

      td.permission p a {
         font-family: Arial;
         font-size: 11px;
         font-weight: normal;
         color: #333333;
      }

      td.body {
         padding: 0 20px 20px 20px;
         background-color: #ffffff;
      }

      td.sidebar h3 {
         font-family: Arial;
         font-size: 15px;
         font-weight: bold;
         color: #333333;
         margin: 0;
         padding: 0;
      }

      td.sidebar ul {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #333333;
         margin: 6px 0 14px 24px;
         padding: 0;
      }

      td.sidebar ul li a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #680606;
      }

      td.sidebar h4 {
         font-family: Arial;
         font-size: 13px;
         font-weight: bold;
         color: #680606;
         margin: 6px 0 0 0;
         padding: 0;
      }

      td.sidebar h4 a {
         font-family: Arial;
         font-size: 13px;
         font-weight: bold;
         color: #680606;
         text-decoration: none;
      }

      td.sidebar p {
         font-family: Arial;
         font-size: 12px;
         font-weight: normal;
         color: #333333;
         margin: 0 0 10px 0;
         padding: 0;
      }

      td.sidebar p a {
         font-family: Arial;
         font-size: 12px;
         font-weight: normal;
         color: #680606;
         text-decoration: none;
      }

      td.buttons {
        padding: 20px 0 0 0; 
      }

      td.mainbar h2 {
         font-family: Arial;
         font-size: 16px;
         font-weight: bold;
         color: #680606;
         margin: 0;
         padding: 0;
      }

      td.mainbar h2 a {
         font-family: Arial;
         font-size: 16px;
         font-weight: bold;
         color: #680606;
         text-decoration: none;
         margin: 0;
         padding: 0;
      }

      td.mainbar img.hr {
         margin: 0;
         padding: 0 0 10px 0;
      }

      td.mainbar p {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #333333;
         margin: 0 0 14px 0;
         padding: 0;
      }

      td.mainbar p a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #93911a;
         
      }

      td.mainbar p.more a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #93911a;
         text-decoration: none;
      }

      td.mainbar ul {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #333333;
         margin: 0 0 14px 24px;
         padding: 0;
      }

      td.mainbar ul li a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #93911a;
      }

      td.footer {
         padding: 0 20px 0 20px;
         background-image: url('footer-bg.gif');
         background-repeat: no-repeat;
         background-position: top center;
         background-color: #333333;
         height: 61px;
         vertical-align: middle;
      }

      td.footer p {
         font-family: Arial;
         font-size: 11px;
         font-weight: normal;
         color: #ffffff;
         line-height: 16px;
         margin: 0;
         padding: 0;
      }
      
/*  page voix off */


#radio, #club, #promoevents,#promocine,#documentaires,#castingvoix  {
	width: 100%;
	height:120px;		
	margin:5px 5px 5px 0;
	overflow:hidden;
	position:relative;
	float:left;
	 }
#radio h2, #club H2, #promoevents h2,#promocine h2,#documentaires h2,#castingvoix h2 {
    color:#9aa932;
    padding-left:120px;
    font-size: 1.5em; 
    font-weight: normal; margin: 0 0 .3em;
   
          }

#radio ul, #club ul, #promoevents ul,#promocine ul,#documentaires ul,#castingvoix ul {
    color:#000;
    padding-left:130px;
    list-style-type: none;
          }
	 
#radio {
    background: url(http://www.ontrackleson.com/images/stories/1.gif) no-repeat;
          }
     

#club  {

    background: url(http://www.ontrackleson.com/images/stories/2.gif) no-repeat;
         
      }

#promoevents  {
	
    background: url(http://www.ontrackleson.com/images/stories/3.gif) no-repeat;
         
      }
#promocine  {

    background: url(http://www.ontrackleson.com/images/stories/4.gif) no-repeat;
         
      }
#documentaires {

    background: url(http://www.ontrackleson.com/images/stories/5.gif) no-repeat;
         
      }

#castingvoix {
	
    background: url(http://www.ontrackleson.com/images/stories/6.gif) no-repeat;
         
      }
.voixoff{
	display: block;
	float:left;
    width:150px;
         
      }


/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

ul.voixoff li  {
	margin-left: 50px;
	list-style: none;	
}
	
.voixoff ul li{
	margin-left: 20px;
	list-style: none;	
}

#facebook{
position : relative;
top:-10px;
}
/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/
fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:600px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}
#footer {font-size:11px;}

#container {width:700px; margin:0 auto;}



/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(img/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(img/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(img/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(img/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(img/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(img/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(img/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(img/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(img/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/