/**************** CLEAN ***************/
/*@charset "iso-8859-1";*/

/**************** MAIN LAYOUT / BODY ***************/

a:hover {text-decoration:none; color:#f3c200; }
h1 {font-size: 27px; font-weight:bold; color:#f3c200;}
h1 a{font-size: 27px; font-weight:bold; color:#f3c200; }
h1 a:hover {font-size: 27px; font-weight:bold; color:#f3c200; }
a{color:#f3c200;text-decoration:none;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000000 url(site/body_bkg.jpg) top center no-repeat; color:#999999;} 

#wrapper {width:990px; margin: 0 auto 0px auto; background:#121212; min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative;}


/**************** HEADER + HEADER ELEMENTS***************/
#header { width: 990px; height: 100px; position:relative; background: none;}
#header_elements {}

/**************** BANNER TOP ******************************/
#banner_top {height:90px; text-align: center;}
    
/****************   COL LEFT ******************************/
#left { width:728px; float:left;}

    
    /**************** MENU***************/
    #menu { width:728px; height:26px; padding:0 16px 0 0;}

    #menu ul.top_itm {width:728px; height:26px;  display: block; text-align:center;  background: url(site/bkg_menu.png);} 		

    #menu a.top_itm { color:#f3c200; width: 72px; padding: 0 0px; text-decoration: none; line-height: 17px; text-align: center; padding:0 5px; height:26px; }
    #menu a.top_itm span {width: 72px; line-height:26px; height:26px; padding:0; text-align:center;  font-weight:bold;}

    #menu li.top_itm {float:left; display:block; margin:0; padding:0; width:82px;}
    #menu li.top_itm.tactive,  #menu li.top_itm:hover { background: none;}
    #menu li.tactive a.top_itm, #menu li.top_itm a.MenuBarItemSubmenuHover, #menu li.top_itm a.top_itm:hover {  }

    /**************** SUBMENU ***************/

    #menu ul.sub_itm { width:200px; background-color: black;}
    #menu ul.MenuBarSubmenuVisible { width: 200px;  font-size:12px;}

    #menu li.sub_itm { width: 200px; background:none;}
    #menu li.sub_itm a { display: block; width: 197px; margin-left: 3px; text-decoration: none; color:#f3c200;}
    #menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none;}
    #menu li.sub_itm a span {display:block; padding:5px 15px; text-align:left;}


    #menu #nav_8, #menu #nav_7, #menu #nav_10 {display:none; visibility:hidden;}                
    #menu #nav_1 { padding-left:20px;width:100px;} 
	#menu #nav_2 {width:126px;}
	#menu #nav_4 {width:100px;}
	#menu #nav_5 {width:100px;}
	#menu #nav_6 {width:100px;}
	#menu #nav_7 {width:100px;}
	#menu #nav_10 {width:80px;}
	#menu #nav_3 { display:none; visibility:hidden;}   
    /**************** flash ******************************/
    #flash {width:728px; height:300px; background: url(site/bkg_flash.jpg) no-repeat; margin-top:-26px;}

    #flash #col_left { display: inline-block; float: left; width: 241px; background: url(site/bgk_col_left_flash.png) repeat-y; margin-top: -24px; [if lte IE 7]margin-top:0px;}
    #flash #col_right { display: inline-block; float: left; width: 522px; background-color:black;}
    #flash #col_right img{ max-width: 500px; margin-left:22px;}
    #flash #col_right object {display: block; width:522px; height: 215px; margin-top: 93px;}	
	#flash #choisir_station{margin-top:26px; border-right: 1px solid #565450;border-bottom: 1px solid #565450;}
	#flash #pop{border-right: 1px solid #615428;border-bottom: 1px solid #615428;}
	#flash #rock{border-right: 1px solid #615428;border-bottom: 1px solid #615428;}
	#flash #club{border-right: 1px solid #615428;border-bottom: 1px solid #615428;}
	/**************** news_box ******************************/
	/*	#js_news_box { padding-left:90px; float:left; width:900px; height: 30px; background: url(site/bkg_news.png) no-repeat; overflow: hidden;}
	#js_news_box ul {  _padding-top: 12px; *padding-top: 12px; height: 18px; margin: 0; _margin-left: 60px; *margin-left: 60px;}
	#js_news_box li {list-style: none; text-align: left;margin-left:-25px;}
	#js_news_box li a span {list-style: none;font-size: 13px; color: #FFFFFF; font-weight: normal; text-align: left; line-height: 30px; _line-height: 30px; *line-height: 0px;font-family:"Calibri";}*/
	
	/*#news_box {height:26px; background:#000000; float:right;}*/
    /**************** rotator ********************************/
    #rotator_22{
        display: none;
    }
    #page_1_5_386_386 #rotator_22{
        display: block;
        width: 728px;
        height: 194px;
        margin-top: 10px;
    }
    
    /**************** act_ctn ******************************/
    .act_ctn { padding:30px 14px; text-align:left;}
    /**************** banner_foot ******************************/
    #banner_foot {/*position:absolute;*/ bottom:0; width:728px; height:100px; /*padding-bottom:60px;*/}
	/************** rotator_15 **********************************/
	#rotator_js_15 {
			bottom: 0;
			height: 526px;
			left: 50%;
			margin-left: 495px;
			margin-top: -562px;
			position: fixed !important;
			width: 308px; [if lte IE 8] clear:right; 
	}



/************* COL RIGHT *********************************/
#right { float:right; width:262px; clear:right;}

    /************* SHOUTCAST **********************************/
    #shoutcast { display:none; float: left; font-size: 16px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; width: 100%;}
   /**************** rotator ********************************/
    #rotator_js_23{
        display: none;
    }
    #page_1_5_386_386 #rotator_js_23{
        display: block;
        width: 262px;
        height: 400px;
        margin-top: 10px;
        float: right
    }
    /***************** NAV ********************************/
    #nav {float:right; }
    #nav a  {width:262px; height:100px; display:block; }
    #nav #animateurs {background:url(site/animateurs.jpg);}
    #nav #games {background:url(site/games.jpg);}
    #nav .social { background:url(site/social.jpg); width:216px; height:48px; padding: 26px 23px;  }
    #nav .social a{ width:48px; height:48px; background-position:center center; background-repeat:no-repeat; display:block; padding:0 12px; float:left;}
    #nav #facebook { background-image:url(site/facebook.png);}
    #nav #twitter { background-image:url(site/twitter.png);}
    #nav #linkedin { background-image:url(site/linkedin.png);}
    #nav #gang {background-image:url(site/communaute.jpg);}
     
	 /************************ LIKES TWEER ***********************/
	 
	 .addthis_button_facebook_like {width:100px; height:22px; margin-top:-43px;float:right; margin-right:0px;}
	 .addthis_button_tweet {width: 120px; height: 20px; margin-top:-43px; float:right;margin-right:80px; }
	 
	 
	/******************* RESEAUX ***********************/
	#reseaux {float: right; text-align: center; width: 262px; height: 35px; margin-top: -25px;}
	.addthis_toolbox{width:200px;}
    /******************* RSS **************************/
	#rss {width:262px; background:#000000; float:right; font-size:0.9em;}
    #rss a.rsshead_1 { display:block; width:262px; height:60px; background:url(site/showbizz.jpg) top center no-repeat; }
    #rss a.rsshead_2 { display:block; width:262px; height:60px; background:url(site/whosdadj.jpg) top center no-repeat; }
    #rss img {padding:5px; float: left;}
    #rss p {margin:0; padding:0; }
    #rss div { padding:5px;}
    .rssblock { margin:20px 0;}
    .rssblock a { font-size:1.2em; display:block; line-height:1.2em; margin-top:10px;}
    .rssblock img {padding-right:20px;}
                        

/****************  PLAYER  ********************************************************************************************/
.pleft {float:left; width:728px;}
.pright {float:right; width:247px; background:url(site/pctrl_top.jpg) #000 top left no-repeat; padding-top:93px; margin:0 7px; text-align:center;}
.pctrl {height:279px; background:url(site/pctrl_foot.jpg) center bottom no-repeat; padding-bottom:18px;} 
.pctrl button { display:block; margin:0 auto;text-align:right; color:#fff902; background-color:#000000; background-position:left bottom; background-repeat:no-repeat; border:0 #fff; width:237px; padding-top:62px; height:92px; line-height:20px; cursor:pointer; }
.pctrl button span {color:#fff;}
.pctrl button.danceplayer {background-image:url(site/bouton_dance_player.jpg);}
.pctrl button.rockplayer{background-image:url(site/bouton_rock_player.jpg);}
.pctrl button.popplayer{background-image:url(site/bouton_pop_player.jpg);}
#player {width:728px; height:300px;}    
   
/**************** FOOTER  ***************/
.push {height:160px;} /*le height du push doit correspondre au height de #footer et à la margin-bottom négative de #wrapper*/

#footer { height: 60px; width:990px; clear:both; text-align:center; font-size:0.9em; position: relative; margin: 0 auto;}
#map { width:990px; margin:0 auto;}
#map span { margin:0 3px; display:inline-block; line-height:16px; }
#map a {color:#999999; font-weight:normal; text-decoration:none;}
#map a:hover {font-weight:normal; text-decoration:underline;}
#map .optimised {clear:left; display:block;}                     
                        
/**************** JS_NEWS_BOX ***************/	
	#Nouvelles {width: 100%; height:30px;}
	#Nouvelles ul { [if IE] padding-top: 10px; height: 60px; margin: 0; [if IE] margin-right: 10px;}
	#Nouvelles li { list-style: none; text-align: left;margin-left:-25px;}
	#Nouvelles li a span { position:absolute; width:710px;margin-right: 10px; margin-top:6px; font-weight:bolder; font-size: 18px; display:inline-block; color: #f3c200; font-weight: bold ; text-align:right; line-height: 20px; [if IE] line-height: 0px; font-family:Arial, Helvetica, sans-serif}
	
		
/**********************SIDE PAGE*************************/
#side_page{width: 201px; height: 705px; margin-top:10px; float: left;}
	

	#calendrier{background: url(site/calendrier.png) no-repeat;width:201px;height:129px;font-family:Arial;font-weight:bold;font-size:11px;margin-top:14px; color:#FFFFFF}
		#prev,#next{font-size:16px;}
		.cal_holder { width: 100%;padding-top: 15px;}		
		#calendrier .today {background-color:#abe5f1; color:#FFFFFF; }
		#calendrier .date:hover {background-color:#089ebe; color:#FFFFFF; }
		#calendrier .event {background-color:#05677c; }
		#calendrier .event a {color:#FFFFFF; font-weight:bold;}
		#calendrier .cal_drop {width: 750px; color:#FFFFFF; background: #05677c; border: 2px solid #000000; margin-left: 30px; padding: 20px; }
		#calendrier .cal_drop h1.post_title a {color:#FFFFFF;}

/***** FORMULAIRE *****/
#form1 { display:none;}
#page_1_5_15104_15104 #form1 { display: block; margin-top:-40px; margin-left:20px; width:700px; height:750px;}
	form.vlf { margin:0px; padding:0px;}
	form.vlf fieldset { margin:0px; padding:0px; width:180px; border:0px;}
	form.vlf fieldset div { padding:3px 0px; height:24px;}
	form.vlf fieldset div.state { display:none;}
	form.vlf fieldset div.warning  { display:none;}
	form.vlf fieldset label { float:left; display:block; width:145px; background:none; border:none;}
	form.vlf fieldset .error input, form.vlf fieldset .error textarea  { border:none;}  
	form.vlf fieldset label span, form.vlf fieldset legend span { color:#FF0000; display:inline-block; width:10px; text-align:center; font-size:12px;}
	form.vlf fieldset input {  width:145px; border:none;}
	form.vlf button { width:26px; height:25px; display:block; clear:both; float:right; background:url(site/bouton_send.jpg) top center no-repeat; border:none; margin-top:-22px; margin-right:18px;}


/***********  GOOGLE MAP  *************/

#googlemap {display:none; width:950px ; height:410px; background:#333333 no-repeat; float:left;}

#result_pane {width:340px; height:310px; overflow-y:auto; overflow-x:hidden; background-color:#333333; color:#CCCCCC; }
#result_pane div.result_block { padding-left:26px; padding-top:5px;}

#mapborder { display:none;}
#map_canvas {width:580px; height:381px; overflow:hidden;}


/********** INFOBULLES ET RESULTPANE ************/


#search_box {}

#googlemap h2 { margin:0; padding:0; text-transform:uppercase; font-size:14px; }
#result_pane h2 {color:#fff;} 
#address {margin:0; padding:0;}
#telephone {margin:0; padding:0px;}
#map_canvas #address, #map_canvas #telephone {color:#000000;}


/*************** BLOG **************/
.blog_container{
    width: 1024px;
    padding-left:20px;
}
.blog_post_container{
    min-height : 400px;
    display: inline-block;
    float:left;
    width: 679px;
}
.blog_post{
    width: 100%;
    background : url("site/point.png") repeat-x scroll left bottom transparent;
    padding-top: 15px;
    padding-bottom: 10px;
}
.blog_paging{
    width: 100%;
}
.blog_categorie{
    width:280px;
    display: inline-block;
    background : url("site/point.png") repeat-x scroll left top transparent;
    padding-left: 43px;
    margin-top : -58px;
}
.blog_archive{
    width:280px;
    display: inline-block;
    background : url("site/point.png") repeat-x scroll left top transparent;
    padding-left: 43px;
}
.blog_comments{
    width: 640px;
}
.blog_show_commments{
    display: none;
}
.blog_show_commments p{
    clear: both;
    display: block;
}

.blog_do_commment{
    display: none;
}

.blog_comment_name{
    float: left;
}
.blog_comment_order{
    float: right;
    margin-left: 5px;
}
.blog_comment_date{
    float: right;
}
.blog_do_comment_form p span{
    width:100px;
    display: inline-block;
}
.state, .warning{
    display: inline-block;
}
.blog_do_comment_form p.msgholder{
    color: red;
}



/**************** SITE MAP ***************/
#site_map { width: 990px; height:66px; margin-top: 50px; font-size: 10px;  text-align: left; }

#site_map a { color:#424444; font-weight:normal; text-decoration:none; }
#site_map a:hover {font-weight:normal; text-decoration:underline;}
#site_map span {  padding:0px 12px 0px 12px; margin:0; display:inline-block; line-height:22px; }
#site_map span.links {  line-height:10px; border-right: solid 1px #424444;}
#site_map .endlink { display:block; margin: 0; padding: 0; height: 0; line-height: 0; }
#site_map .optimised { display:block; line-height:10px; padding: 3px; }
#site_map .copyright { padding:3px 8px 3px 8px }
#site_map .design { }



/******************* SCROLL BAR ****************/
.scroll-track-top {
    margin-left: 1px;height:10px; width:10px; background-image: url('scroller/up.png');
}

.scroll-track-bot {
    margin-left: 1px;height:10px; width:10px; background-image: url('scroller/down.png');
}

.scroll-track {
    margin-left: 1px;height:10px; width:10px; background-color: #1a1613;
}

.scroll-handle {
    margin-left: 1px;height:60px; width:10px; background-color: #5b534e; cursor:pointer;
}

.scroll-handle-top {
    height:8px; width:10px; background-color: #5b534e; background-repeat: repeat; cursor:pointer;
}

.scroll-handle-bot {
    height:8px; width:10px; background-color: #5b534e; background-repeat: repeat; cursor:pointer;
}


/**********************************************************************************************************************/
/* DEFAULTS */
/**********************************************************************************************************************/
html, body {margin:0; padding:0; height:100%; width:100%; text-align:center;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative; padding:0;}
.push {clear:both;}
.footer {position:relative; padding:0;}

img {border:none; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.clear {clear:both;}

ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer; }
ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}

table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;} 
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}