@charset "utf-8";
/* CSS Document */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: main.css
* Version: 2.0.0 (01-09-2008) DD-MM-YYYY
* Website: http://www.iceclubbing.com/
* Author: Paratte Pascal - pascalparatte.com
* Description: Handles the site layout.

== STRUCTURE: ==============================
* Page width: 820 px
* Number of columns: 1 bloc
============================================
*/
/* RESET 4 browsers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html, body {
  height: 100%;
}

/* END RESET *************************************************************************/
body { 
text-align: center; 
background-color:#101010;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
a {
  text-decoration:none;
  color:#6699FF; /*bleu claire*/
}
a:hover {
  text-decoration:underline;
  color:#FF99FF;	 /*rose claire*/
}
a.rollopaque img {
  
  filter: Alpha(opacity=50); /* IE */
  -moz-opacity: 0.5; /* Mozilla */ 
  opacity: 0.5;
  }

a.rollopaque:hover img {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  
  }
#global {
  height:auto;
  width:100%;
  text-align:center;
  }
  
  
#main {
/*background-color:#FFFFFF;*/
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
border:0;

}
#header {
  /*height:240px;*/
  height:112px;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  /*background-color:#00FF00;*/
  
}  #h_mini_desc {
    font-size:10px;
	color:#666666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	height:12px;
   }
  #header_top {
  height:94px;
  width:100%;
  background-color:#202020;
  background-image:url(images/header_back.jpg);
  background-repeat:no-repeat
  }
    #header_top_logo {
	  float:left;
	  height:80px;
	  width:230px;
	  text-align:center;
	  padding-top:10px;
	  /*background-image:url(images/logo_iceclubbing.gif);
	  background-position:center;
	  background-repeat:no-repeat;*/
	}
	#header_top_pub {
	  float:left;
	  width:726px;
	  height:90px;
	  padding-top:2px;
	  padding-right:2px;
	  text-align:right;
	}
  #header_visuel {
  /*height:130px;*/
  height:5px;
  width:100%;
  /*background-color:#333333;*/
  
  }
#menu_box {
  /*height:240px;*/
  height:35px;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  /*background-color:#00FF00;*/
  
}
#menu_box2 {
  /*height:240px;*/
  height:35px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  border:0;
  /*background-color:#00FF00;*/
}
#content {
  float:none;
  height:auto;
  width:958px;
  margin-left:auto;
  margin-right:auto;
  border:0px;
  text-align:left;
  background-color:#000000;
  border-top:1px #CCCCCC solid ;
  background-image:url(images/fausse_colone.jpg);
  background-repeat:repeat-y;
  padding-left:1px;
  padding-right:1px; /*pour border fond*/
 
}
  #content_left {
    float:left;
	/*position:relative;
	top:0px;
	left:0px;*/
    height:100%;
    width:750px; /* - 10px */
	/*background-color:#333333;*/
	padding-left:0px;
	padding-right:0px;
	/*border-left:1px #CCCCCC solid ;*/
  }
  #content_right {
    float:left;
	/*float:right;*/
	/*position:relative;
	left:740px;
	top:0px;*/
    height:100%;
	min-height:100%;
    width:208px;
	/*background-color:#575757;*/
	/*background-image:url(images/back_colone_droite.jpg);
	background-repeat:repeat-y;*/
	/*text-align:center;*/
	/*border-right:1px #CCCCCC solid ;*/
  }
  
  


  .content_right_agenda {
    height: 146px; 
	padding-top:16px;
	width:180px;
	margin-left:8px;
	padding-left:18px;
	background-image:url(images/apple_widget/calendar_background.gif);
	background-repeat:no-repeat;
	
  }
   .content_right_agenda a{ 
   	color: #FCFCFC;

   }
   .content_right_agenda a:hover {
   	color: #ccff00;
	text-decoration:none;

   } 
   #content_right_interface1 {
     width:200px;
	 height:auto;
	 background-image:url(images/fond_interface_right.gif);
	  background-repeat:no-repeat;
	  background-position:15px top;;
	 padding-top:40px;
	 text-align:center;
	  
   
   }
   #intro {
     height:auto;
	 width:100%;
	 /*margin-top:50px;
	 background-image:url(images/top.gif);
	 background-position:top;
	 background-repeat:repeat-y;*/
   }
   #intro_top {
     width:100%;
	 height:16px;
	 background-image:url(images/top.gif);
	 background-position:top;
	 background-repeat:repeat-x;
   }
    #intro_colone {
	  float:left;
	  height:auto;
	  width:365px;
	  margin-left:5px;
	
	}
	#intro_colone_inter {
	  float:left;
	  height:auto;
	  width:5px;
	}
	
	#intro_box {
	  height:80px; width:100%; margin:0px; padding:0px;
	}
	   #intro_box_newsavatar {
	     left:2px; top:0px; height:80px; width:80px; float:left;
	   }
	   #intro_box_news {
	     float:left;  
		 padding-top:5px; 
		 padding-left:5px; 
		 padding-right:2px; 
		 height:80px; 
		 width:278px; 
		 background-image:url(images/back_news_intro.jpg); 
		 background-repeat:no-repeat;
	   }
	   
	 #intro_box_agenda {
	     float:left;  
		 padding-top:5px; 
		 padding-left:5px; 
		 padding-right:5px; 
		 height:80px; 
		 width:260px; 
		 background-image:url(images/back_agenda_intro.jpg); 
		 background-repeat:no-repeat;
	   }  
	   
	   #intro_box_photos_date {
	     height:22px;
		 width:360px;
		 padding-left:5px;
		 font-size:15px;
		 font-weight:bolder;
		 color:#FF99FF;
		 font-family:Arial, Helvetica, sans-serif;
	     background-color:#222222;
		 border-bottom:1px solid #444444;
		 margin-bottom:10px;
	   }
	   #intro_box_photos {
	  height:90px; width:100%; margin:0px; padding:0px;
	}
	   #intro_box_photos_mini {
	     left:2px; top:0px; height:86px; width:126px; float:left;
	   }
	   #intro_box_photos_info {
	     float:left;  
		 padding-top:5px; 
		 padding-left:5px; 
		 padding-right:4px; 
		 height:86px; 
		 width:230px; 
		 background-image:url(images/back_photo_intro.jpg); 
		 background-repeat:no-repeat;
	   }
	   
	   
  #intro_toggle {
    background-color:#2a2a2a; 
	border:0px #555555 dashed; 
	width:330px; 
	padding-left:35px; 
	padding-top:0px; 
	height:20px; 
	background-image:url(images/toggle_back.gif); 
	background-repeat:no-repeat;
  }
  #content_sep {
  float:none;
  width:100%;
  background-color:#00FF33;
  height:15px;
  border-bottom:1px dashed #666666;
  }
#footer {
clear: both;
  height:70px;
  width:945px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  padding-left:13px;
  text-align:center;
  font-size:11px;
  line-height:14px;
  background-color:#333333;
  background-image:url(images/footer.gif);
  background-repeat:no-repeat;
  background-position:bottom;
  color:#00FF00;
  border:1px #CCCCCC solid ;
  border-top:0px;
}
/*.footer {
			min-height:50px;
			background-color:#464646;
			padding:20px;
		}*/
		
/***************************************************************************************
NEWS ARTICLES
***************************************************************************************/
#news_header {
width:100%;
background-image:url(images/back_news_header.jpg);
background-repeat:no-repeat;
height:135px;
padding:5px;
padding-top:8px;
padding_bottom:0px;
}
  #news_header_left {
    float:left;
	width:525px;
  }
     #news_header_left_titre {
       font-size:20px;
	   font-weight:bolder;
	   font-family:Geneva, Arial, Helvetica, sans-serif;
	   color:#DDDDDD;
	   height:40px;
     } 
	 #news_header_left_info {
        color:#FFFFFF;
		font-size:12px;
     }
	   #news_header_left_info_avatar {
	     float:left;
		 text-align:center;
		 height:100px;
		 width:100px;
	   }
	   #news_header_left_info_txt {
	     float:left;
		 margin-top:5px;
	   }
  #news_header_right {
    float:left;
	width:195px;
	height:134px;
	margin-left:15px;
	background-image:url(images/dossier.png);
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:5px;
  }  
    #news_header_right_avatar {
	  float:left;
	  width:80px;
	  height:90px;
	}
	#news_header_right_txt {
	  float:left;
	  width:115px;
	  height:90px;
	  padding-top:6px;
	  line-height:15px;
	} 
#news_prec {
width:510px;
text-align:right;
}	
#news_content {
  width:100%;
  height:auto;
  padding:5px;
}
  #news_content_bloc {
    float:left;
	width:525px;
	
  }
     #news_content_bloc_header {
	   margin-left:auto;
	   margin-right:auto;
	   text-align:justify;
	   text-indent: 15px;
	   line-height:16px;
	   width:431px;
	   background-image:url(images/back_news.gif);
	   background-position:top;
	   background-repeat:no-repeat;
	   background-color:#cecece;
	   min-height:200px;
	   color:#111111;
	   padding-top:35px;
	   padding-bottom:10px;
	   padding-left:25px;
	   padding-right:50px;
	 }
  #news_content_suggest {
    float:left;
	width:205px;
	margin-left:10px;
	margin-right:5px;
  }
    #news_content_suggest_news {
	  height:80px;
	  background-image:url(images/news_suggest.gif);
	  background-repeat:no-repeat;
	}
	  #news_content_suggest_news_avatar {
	    float:left;
		width:80px;
		height:80px;
	  }
	  #news_content_suggest_news_txt {
	    float:left;
		margin-top:8px;
		margin-left:7px;
		margin-right:4px;
		height:80px;
		width:114px;
		text-align:left;
		font-size:11px;
		color:#FFFFFF;
	  }
	  #news_content_suggest_news_txt A{
	  color:#8fb4fe;
	  }
	  
/************/

#archives_header {
     width:100%;
	 height:38px;
	 background-image:url(images/top.gif);
	 background-position:top;
	 background-repeat:repeat-x;
   }	  
#archoves_news_first {
    
	width:100%;

  }	  
/***************************************************************************************
WEB TV
***************************************************************************************/
#webtv_header {
width:100%;
background-image:url(images/back_webtv_header.jpg);
background-repeat:no-repeat;
height:120px;
padding:5px;
padding-top:8px;
padding-bottom:0px;
}

#webtv_header_gallery {
width:100%;
background-image:url(images/back_hallery_header.jpg);
background-repeat:no-repeat;
height:120px;
padding:5px;
padding-top:8px;
padding-bottom:0px;
}
#webtv_content {
wifth:100%;
height:auto;
}
#webtv_content_left {
  float:left;
  width:600px;
  height:auto;
}
#webtv_content_right {
  float:left;
  height:auto;
  background-color:#222222;
}
#webtv_content_video {
	background-image:url(images/back_tvplayer.jpg);
	background-repeat:no-repeat;
	background-color:#333333;
	height:353px;
	width:596px;
	padding-left:2px;
	padding-right:2px;
	}
  #webtv_content_video_gallery {
	background-image:url(images/back_gallery.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	height:453px;
	width:596px;
	padding-left:2px;
	padding-right:2px;
  }
	  #webtv_content_video_titre {
	    height:13px;
	    width:590px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bolder;
		color:#999999;
		padding-top:2px;
		padding-left:5px;
	  }
    #webtv_content_video_detail {
	    height:65px;
	    width:580px;
		color:#DDDDDD;
		line-height:16px;
		padding-top:10px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		background-image:url(images/fond_webtv_detail.gif);
	    background-repeat:no-repeat;
	  }
  #webtv_content_suggest {
	    height:418px;
	    width:140px;
		color:#333333;
		padding-top:10px;
		padding-bottom:6px;
		padding-left:5px;
		padding-right:5px;
		background-image:url(images/fond_webtv_suggest.gif);
	    background-repeat:no-repeat;
	  }
	 #webtv_content_suggest_gallery {
	    height:518px;
	    width:140px;
		color:#333333;
		padding-top:10px;
		padding-bottom:6px;
		padding-left:5px;
		padding-right:5px;
		background-image:url(images/fond_gallery_suggest.jpg);
	    background-repeat:no-repeat;
	  }  
#channel_esp {
width:186px;
height:220px;
float:left;
}
#channel_video {
width:152px;
height:190px;
background-color:#000000;
border:1px #2c2c2c dashed;
padding-left:10px;
padding-top:10px;
}	


/***************************************************************************************
AGENDA
***************************************************************************************/
#agenda_header {
width:100%;
background-image:url(images/back_agenda_header.jpg);
background-repeat:no-repeat;
height:55px;
padding:5px;
padding-top:8px;
padding-bottom:0px;
border-bottom:2px solid #4d4d4d;
}
#agenda_content {
width:100%;
height:auto;
}
#agenda_content_left {
  float:left;
  width:530px;
  height:auto;
  /*background-color:#330099;*/
  padding-left:10px;
  padding-right:10px;
} 
  #agenda_content_left_titre {
    width:515px;
	background-color:black;
	color:#D7D7D7;
	font-size:13;
	font-weight:bolder;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	padding-left:10px;
	padding-right:5px;
	
  }
  #agenda_content_left_bloc {
    float:none;
    width: 530px;
	height:80px;
	background-image:url(images/back_agenda_event.jpg);
	background-repeat:no-repeat;
  }
    #agenda_content_left_bloc_flyer {
	  float:left;
	  width:80px;
	  height:80px;
	}
	#agenda_content_left_bloc_event {
	  float:left;
	  width:440px;
	  height:70px;
	  padding:5px;
	}
#agenda_content_right {
  float:left;
  height:auto;
  width:200px;
  background-color:#222222;
}
#agenda_event {
  background-image:url(images/fond_event.gif);
  background-repeat:repeat-y;
  height:auto;
  width:100%;
  
} 
#agenda_event_left {
  float:left;
  width:550px;
  /*background-color:#330099;*/

} 
#agenda_event_info {
  width:550px;
  height:auto;
}
#agenda_event_info_l {
  float:left;
  width:450px;
  height:auto;
  padding-left:5px;
  padding-right:5px;
}
#agenda_event_info_l #ligne{
height:18px;
padding:3px;
padding-top:5px;
}
#agenda_event_info_r {
  float:left;
  width:90px;
  height:auto;
}
#agenda_event_details {
  width:538x;
  height:auto;
  padding:6px;
}
#agenda_event_teaser {
  width:538x;
  height:138px;
  padding:6px;
  background-image:url(images/back_event.jpg);
  background-repeat:no-repeat;
}


#agenda_content_right_plan {
  background-image:url(images/event_map.gif);
  background-repeat:no-repeat;
  height:127px;
}
/***************************************************************************************
ARTISTES
***************************************************************************************/
#artiste_header {
width:100%;
background-image:url(images/back_artiste_header.jpg);
background-repeat:no-repeat;
height:80px;
padding:5px;
padding-top:0px;
padding-bottom:0px;
border-bottom:2px solid #4d4d4d;
}
   #artiste_info {
     width:550px;
     height:auto;
   }
#artiste_graphx {
  width:550px;
  height:340px;
  background-repeat:no-repeat;
  border-bottom:2px groove #BBBBBB;

} 
#artiste_info {
width:310px; 
height:150px; 
/*background-color:#111111; */
left:240px; 
padding-top:20px; 
top:170px; 
position:relative; 
border:0px groove #333333; 
border-bottom:0px; 
border-right:0px;
background-image:url(images/artiste_info.png);
background-repeat:no-repeat;
}
  #artiste_ligne{
    padding:4px;
  }
  #artiste_video {
  padding-left:10px;
  padding-bottom:5px;
  border-bottom:2px groove #333333;
  }
  #artiste_video_unit {
    width:152px;
height:180px;
background-color:#000000;
border:1px #5b5b5b dashed;
padding-left:10px;
padding-top:10px;
float:left;
  }
/***************************************************************************************
PHOTOS / GALLERY
***************************************************************************************/
/*.photo {
	margin: 0px;
	position: relative;
	width: 120px;
	height: 86px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #999999;
	padding: 0px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(images/digg-style.gif) no-repeat;
}
.photo a {
	text-decoration: none;
}


.cutstyle span {
    width: 120px;
	height: 86px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/cut-corner.png) no-repeat;

}
.glossy span {
	width: 122px;
	height: 61px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/glossy-gradient.png);
}*/


.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 125px;
	height: 130px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 2px;
}
.gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.gallery a {
	text-decoration: none;
}
/*.gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(images/paper-clip-mini.png) no-repeat;
	z-index: 3;
}*/
/*.gallery span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -4px;
	left: 50px;
	background: url(images/tape.png) no-repeat;
}
*/

/***************************************************************************************
REGISTER & LOGIN
***************************************************************************************/
#register_form_box {
  width:670px;
  height:580px;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  background-image:url(register/bkg_register.jpg);
  background-repeat:repeat-x;
  background-color:#171717;
  padding:15px;
  padding-bottom:0;
}

#register_form_box #register_form_box_inputonly input,select {
 border: 1px #333333 solid;
 color:#EEEEEE;
 background-color:#b5df4d;
 height:20px;
 width:190px;
 background-image:url(register/bkg.jpg);
 background-repeat:repeat-x;
}
#register_form_box #register_form_box_inputonly select {
background-color:#323539;
border: 0px;
border-bottom: 1px #b5df4d solid;
}

#rules {
background-repeat:no-repeat;
padding:0;
margin:0;
}

.input_focus {
background-color:#5e99e0; /*bleu*/
}

.input_out {
background-color:#b5df4d; /* ver d'origine*/
}
.input_error {
background-color:#FF0033; /*rouge*/
}
#register_line {
height:auto;
width:100%;
float:none;
}

#register_line_left {
float:left;
height:auto;
width:25%;
padding-left:30px;
font-weight:bolder;
}
#register_line_right {
float:left;
height:auto;
width:35%;
}

#register_line_nfo {
float:left;
height:auto;
width:35%;
font-size:11px;
font-style:italic;
line-height:14px;
}


#register_form_box #register_button{
  border: 0;
  margin: 0;
   padding: 0;
   margin-top:4px;
   
   width: 120px; 
   height:21px;   
    background: transparent url(register/register.png) no-repeat top left ;
	text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
  }
  #register_form_box #register_button:hover{
    background-position: 0 -21px ;
  }



#register_login_bar {
  height:26px;
  width:100%px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  background-image:url(register/black_stripes.gif);
  border-bottom: 1px #222222 solid;
  margin-bottom:3px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
}

#connexion input {
    background-color:#323232;
	color:#85a93b;
	border:1px solid #7a7a7a;
    padding:3px;
	vertical-align:middle;
	line-height:15px;
	height:17px;
  }
  #connexion #connexion_ok{
  border: 0;
  margin: 0;
   padding: 0;
   margin-top:4px;
   
   width: 20px; 
   height:21px;   
    background: transparent url(images/ok.png) no-repeat top left ;
	text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
  }
  #connexion #connexion_ok:hover{
    background-position: 0 -21px ;
  }
  #connexion_login {
    font: 11px "Consolas", "Courier New", "Courier", "FreeMono", monospace;
	margin-left:12px;
  }

#register_activation {
margin-left:auto;
margin-right:auto;
width:655px;
height:194px;
background-image:url(register/activation_bkg.jpg);
background-repeat:no-repeat;
padding-left:20px;
padding-top:40px;
}





/****************************************************************************************************************************************
COMS
*****************************************************************************************************************************************/
/*#elementE {
  background-color: #EEEEEE;
  border: 1px #CCCCCC solid;
  -moofx: short;
}

#elementE:hover {
  border-color: #666666;
}

#elementE:focus {
  background-color: white;
  border: 1px #CCCCCC solid;
} */

#coms_ok{
  border: 0;
  margin: 0;
   padding: 0;
   margin-top:4px;
   
   width: 84px; 
   height:21px;   
    background: transparent url(images/enregistrer.png) no-repeat top left ;
	text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
  }
  #coms_ok:hover{
    background-position: 0 -21px ;
  }
  #coms_u {
	width:490px;
	margin-left:15px;
	margin-bottom:5px;
	height:auto;
	padding:7px;
	border-bottom:1px solid #333333;
	background-color:#e2e2e2;
	color:#373737;
}
  #coms_u:hover{
	border:1px dashed #424242;
	background-color:#e5e5e5;
   }
 #coms_u_admin {
	width:490px;
	margin-left:15px;
	margin-bottom:5px;
	height:auto;
	padding:7px;
	border-bottom:1px solid #333333;
	background-color:#f0b6cc;
	background-image:url(images/fond_diagonale.png);
	color:#373737;
}
  #coms_u_admin:hover{
	border:1px dashed #fc4242;
	background-color:#f7bed4;
   }
  #coms_u_staff {
	width:490px;
	margin-left:15px;
	margin-bottom:5px;
	height:auto;
	padding:7px;
	border-bottom:1px solid #333333;
	background-color:#cbddea;
	color:#373737;
}
   #coms_u_staff:hover{
	border:1px dashed #7bc8ff;
	background-color:#dcebf5;
   }
   
   #coms_u_l {
     width:50px;
	 height:50px;
	 float:left;
   }
    #coms_u_r {
     width:440px;
	 float:left;
   }
   #coms_u_sign {
     float:none;
	 padding-left:5px;
	 width:440px;
	 min-height:14px;
	 font-size:10px;
	 color:#000000;
   }
   #coms_del {
	 padding-left:10px;
   }
   #coms_u_txt {
     float:none;
	 width:440px;
	 height:auto;
	 padding:5px;
   }


#photo_view {
width:100%;
height:auto;
background-image:url(images/img_fond.gif);
text-align:center;
border-bottom:2px #666666 solid;
}
#bas_page {
  width:100%;
}
#tags_artistes{
width:490px;
float:left;
}
#tags_artistes_titre{
font-weight:bolder;
  color:#777777;
  font-size:14px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
float:none;
}

#bas_page_pub {
width:250px;
float:left;
}
#blue{
  color:#6699FF;
}
#vert {
 color:#aad35d;
}
#vert a {
 color:#ccff00; /* vert claire*/ 
}
#vert a:hover{
 color:#FF99FF;	 /*rose claire*/
}
#grey{
  color:#999999;
}
#red{
  color:#FA011A;
}
#petit {
  font-size:10px;
  color:#DDDDDD;
}
#titre {
  font-weight:bolder;
}
#s_titre {
  font-weight:bolder;
  color:#777777;
  font-size:14px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  
}
#grand {
font-size:16px;
}
#tres_grand {
font-size:16px;
font-weight:bolder;
}
#gras {
  font-weight:bolder;
}


#numerotation {
width:auto;
}
#numerotation A{
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
color:#000000;
font-weight:bolder;
text-align:center;
border:1px #333333 solid;
background-color:#a2c556;
}
#numerotation A:hover{
background-color:#222222;
color:#add15e;
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:14px;
padding-bottom:2px;
border-top:1px solid #a2c556;
}
#numerotation A:active{
background-color:#333333;
}
#numerotation_courant A{
background-color:#222222;
color:#777777;
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:14px;
padding-bottom:2px;
border-top:1px solid #777777;
}