*
*
{
	margin:0;
	padding:0;
}

html
{
	background:#000 url(../images/bg_html.jpg) center top no-repeat;
	height:100%;
	font-size: 100%; /* nice text resizing in IE */
}

body
{
	font:normal 0.6875em/1 Verdana, lucida,"lucida-sans unicode",sans-serif;
	color:#333;
}

#centrale
{
	width:960px;
	margin: 0 auto;
	padding: 40px 0 15px;
}


/****************************************************************
	En tête
*****************************************************************/
#header
{
	height: 90px;
}

#logo 
{
	position: absolute;
	z-index: 10;
	float: left;
}

#header_quote 
{
	position: absolute;
	width: 690px;
	top: 40px;
	margin-left: 270px;
	text-align: right;
	z-index: 0;
}

#header_quote p 
{
	color: #fff;
	margin: 0;
	font-size: .91em;
}

#header_quote cite 
{
	font-style: normal;
}

#header_items 
{
	position: absolute;
	top: 0;
	left: 0;
	background: #316793;
	width: 100%;
}

#header_items ul 
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header_items li 
{
	margin: 0 0 0 -1px;
	padding: 0;
	color: #fff;
	float: right;
	list-style: none;
	font-size: .91em;
}

#header_items li.beta 
{
  float:left;
  padding:4px 0;
  border:none;
}

#header_items a 
{
	color: #addfed;
}

#header_items a.trigger 
{
	padding: 4px 0;
	text-align: center;
	width: 10em;
	display: block;
	color: #fff;
	zoom: 1; /* :hack: make all clickable in IE6 */
}

#header_items .connexion
{
	padding: 4px 0;
	text-align: center;
	display: block;
	color: #fff;
	zoom: 1; /* :hack: make all clickable in IE6 */
}

#header_items a.trigger:focus, #header_items a.trigger:hover 
{
	color: #ADDFED;
}

#header_items a.trigger span 
{
	padding-right: 15px;
	background: url(../images/arrow_down.gif) no-repeat right;
}

#header_items .header_item 
{
	position: absolute;
	right: 0;
	z-index: 1000;
	margin: 10px 0 0;
	font-size: 1.1em;
	border: 1px solid #3f6b8e;
	background: #316793;
	padding: 10px 10px 1px;
	width: 355px;
	height: 4.18em;
	display: none;
}

#header_items .triggered .header_item 
{
	display: block;
}

#header_items .header_item ul 
{
	margin: 0 auto;
	width: auto;
	zoom: 1;
}

#header_items .header_item ul:after 
{ 
	content: "."; 
	clear: left; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

#header_items .header_item li 
{
	float: left;
	border: none;
	font-size: 1em;
	margin: 0 5px 0 0;
}

/****************************************************************
	Informations en tête
*****************************************************************/

li#search label { position: absolute; left: -9999px; }
li#search input { vertical-align: middle; margin: 5px 0; }
li#search input.text { background: #fff url(../images/bg_header_search.gif) no-repeat 7px 3px; padding: 5px 5px 5px 32px; margin: 5px; width: 220px; }
li#myboxwish .avatar { margin: -7px 10px 0 -7px; float: left; }
li#myboxwish p { color: #d4e6e6; font-size: .91em; }
li#myboxwish .loggedout p { float: left; margin: 0 15px 0 0; line-height: 1; font-weight: bold; }
li#myboxwish .loggedout a { display: block; margin-top: 7px; }
li#myboxwish .loggedin p { margin: 0 0 5px; }
li#myboxwish .loggedin #user_info { float: left; margin: 0 50px 0 0; }
li#myboxwish .loggedin .activity .spots { color: #31cbff; margin-right: 8px; }
li#myboxwish .loggedin .activity .answers { color: #64cd33; }
li#contactus dl { float: left; margin-right: 50px; padding: 0; width: 200px; }
li#contactus dt {	width: 80px; }
li#contactus dd a { color: #fff; }
li#news label { position: absolute; left: -9999px; }
li#news input { vertical-align: middle; margin: 5px 0; }
li#news input.text { background: #fff url(../images/bg_header_search.gif) no-repeat 7px 3px; padding: 5px 5px 5px 32px; margin: 5px; width: 220px; }

#header input
{
	font-size:1em;
	vertical-align:middle;
	margin: 0 5px 2px 0;
}

#header input.text 
{
	width: 265px;
	padding: 3px;
}

/****************************************************************
	Navigation
*****************************************************************/

#navigation
{
	height:35px;
	background:#264e6e url(../images/bg_nav.gif);
}

#navigation ul
{
	margin:0 0 0 10px;
}

#navigation li
{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
	position: relative;
}

#navigation li.end
{
	margin:0;
}

#navavigation a
{
	color:#FFF;
	position: static;
}

#navigation span 
{
	position: absolute;
	background-repeat:no-repeat;
	background-position: 0 0;
	height: 35px;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}

* html #navigation a:hover 
{ 
	background-position: 0 0; /* :hack: fix sticky menu images in IE6 */
} 

#navigation a:focus span, #navigation a:hover span 
{
	background-position:0 -35px;
}

#body_accueil #nav_accueil span,
#body_actualite #nav_actualite span,
#body_clip #nav_clip span,
#body_concert #nav_concert span,
#body_decouverte #nav_decouverte span,
#body_index #nav_index span,
#body_artiste #nav_artiste span,
#body_album #nav_album span,
#body_propos #nav_propos span 
{
	background-position:0 -70px;
}

#nav_accueil { width:64px; }
#nav_accueil span { background-image:url(../images/accueil.png); }

#nav_actualite { width:80px; }
#nav_actualite span { background-image:url(../images/actualite.png); }

#nav_artiste { width:80px; }
#nav_artiste span { background-image:url(../images/artiste.png); }

#nav_album { width:80px; }
#nav_album span { background-image:url(../images/album.png); }

#nav_clip { width:80px; }
#nav_clip span { background-image:url(../images/clip.png); }

#nav_concert { width:80px; }
#nav_concert span { background-image:url(../images/concert.png); }

#nav_decouverte { width:80px; }
#nav_decouverte span { background-image:url(../images/decouverte.png); }

#nav_index { width:64px; }
#nav_index span { background-image:url(../images/accueil.png); }

#nav_artiste { width:80px; }
#nav_artiste span { background-image:url(../images/artiste.png); }

#nav_album { width:80px; }
#nav_album span { background-image:url(../images/album.png); }

li#nav_propos  
{
	float:right;
}

#nav_propos 
{ 
	width:105px; 
}

#nav_propos span 
{ 
	background-image:url(../images/propos.png); 
}


/****************************************************************
	Fil arianne
*****************************************************************/
#filArianne {
	font: 12px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	color:#5c5c5c;
	background:#deecf5;
	border-top:1px solid #addfed;
	border-bottom:1px solid #addfed;
	height : 28px;
}

#fil	{
	float: left;
	position: relative;
	padding-top: 3px;
	}
	
p.fil
{
	font: 15px Arial, Helvetica, sans-serif;
	color:#2EA9D2;
	margin-top : 2px;
}

.home {
vertical-align:middle;
margin : -3px 3px 0 4px;
}

.sep {
vertical-align:middle;
margin : -3px 3px 0 3px;
}

#nav-right	{
	float: right;
	position: relative;
	width: 305px;
	z-index: 0;
	margin-top : -3px;
	}

#nav-right a	{
	display: block;
	float: left;
	margin: 0px 0 0 0;
	}

#top-recherche {
width: 300px;
height : 22px;
background:#fff;
margin-top : 5px;
border : 1px solid #fff;
}

#top-recherche:hover,#top-recherche:focus {
border : 1px solid #78cae2;
}
	
.top-recherche-inp {
padding-left:3px;
padding-right:2px;
margin-left : 2px;
width: 260px;
height : 19px;
border : none;
}

.btn-recherche	{
	height: 17px;
	margin : 1px 2px 0 2px;
}
	
#top-recherche select.styledselect,#top-recherche select.styledselect:hover,#top-recherche select.styledselect:focus {
border : none;
color:#000;
width:90px;
margin-right: 6px;
margin-top : 1px;
font-size: 12px;
height : 21px;
}



	
/****************************************************************
	Sous navigation
*****************************************************************/

ul#nav_sub
{
	margin:0 0 10px -5px;
	zoom: 1;
}

ul#nav_sub:after 
{ 
	content: "."; 
	clear: left; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

ul#nav_sub li
{
	float:left;
	margin:0 2px 0 0;
	list-style: none;
}

ul#nav_sub li a
{
	color:#172e49;
	padding:2px 5px 3px;
	display:block;
}

ul#nav_sub li a.selected
{
	color:#04142e;
	background:#deecf5;
}

ul#nav_sub li a:hover
{
	color:#FFF;
	background:#2caad0;
}

ul#nav_sub_level_2
{
	margin:0 0 10px -5px;
	zoom: 1;
}

ul#nav_sub_level_2:after 
{ 
	content: "."; 
	clear: left; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

ul#nav_sub_level_2 li
{
	float:left;
	margin:0;
	list-style: none;
	border-right: 1px solid #deecf5;
}

ul#nav_sub_level_2 li a
{
	color:#444;
	padding:3px 7px 4px;
	display:block;
	#float: left; /* :hack: fix wrapping problems in IE6+7 */
}

ul#nav_sub_level_2 li a.selected
{
	color:#333;
	font-weight:bold;
}

ul#nav_sub_level_2 li a:hover
{
	color: #444;
	background: #deecf5;
}

.sub_categories 
{
	padding:5px 0 5px 10px;
	background:#eef5fa;
	margin: 0 0 10px -10px;
}

.sub_categories ul 
{
	margin: 0;
}

.sub_categories li 
{
	float: left;
	margin: 0 10px 5px 0;
	list-style: none;
}

.sub_categories a.selected
{
  font-weight:bold;
}
	

	
/****************************************************************
	Bloc content
*****************************************************************/

#content
{
	padding:10px;
	background:#FFF;
}

#bloc_principal
{
	width:610px;
	float:left;
	padding: 0 9px 0 10px;
	margin-right: 10px;
	border-right : 1px solid #deecf5;
}

#bloc_principalClip
{
	width:930px;
	float:left;
	padding: 0 9px 0 10px;
	margin-right: 10px;
}

#content_sub
{
	width:300px;
	float:right;
}

#content_sub p.smallperson
{
	font-size:1em;
	font-weight:bold;
}

#content_sub p.smallperson a
{
	color:#777;
}


#content_sub div.left
{
	width:24%;
}

*HTML #content_sub div.left
{
	margin:0;
}

*HTML #content_sub div.left img
{
	margin:0;
}

#content_sub div.right
{
	width:75%;
}

*HTML #content_sub div.right
{
	width:208px;
	margin:0 0 0 -10px;
}


#content_sub div.right p
{
	margin-bottom:3px;
}


/****************************************************************
	Balises texte
*****************************************************************/

h1, h2, h3, h4, h5{
	font-family:verdana,sans-serif;
	font-weight:normal;
	margin:0 0 10px;
}

h1, h2
{
	font: bold 2.1em/1.3 Arial, Helvetica, sans-serif;
	color: #f9319b;
	border-bottom: 5px solid #deecf5;
	padding: 0 0 10px 10px;
	margin:0 0 10px 0;
	line-height:1.4;
}

h1 span, h2 span
{
	font-size:.6em;
	display:inline;
}

h1 span.unconfirmed
{
  color:#999;
  padding:0;
}


h3, h4{
	font-weight:bold;
	color:#555;
	font-size:1em;
}

h5{
	font-weight:bold;
	color:#555;
	font-size:1.5em;
}


/* paragraphe*/

p
{
	margin:0 0 10px;
	line-height:1.6;
	color:#000000;
	text-decoration:none;
}



.name 
{ 
	font-weight: bold; 
	width:80%;
}

.dateAcceuil 
{
	color: #9b9b9b;
	font-size: .82em;
	margin-top : -8px;
}

.meta 
{
	color: #9b9b9b;
	font-size: .82em;
}


em 
{
	color:#31aed3;
	font-weight:bold;
}

/*Style des listes*/

ol, ul
{
	margin:0 0 10px 30px;	
	clear:both;
}

li
{
	line-height:1.5;
	margin: 0 0 10px;
}

ul.inline 
{
	float:left;
	list-style:none;
	margin:0;
	width:100%;
}

ul.inline h4 
{
	margin:0 0 5px;
}

ul.inline img 
{
	border:5px solid #deecf5;
}

*HTML ul.inline 
{
	padding-bottom:10px;
}

ul.inline li 
{
	float:left;
	margin-left:5px;
	width:118px;
  display:inline;
}

ul.inline li.row_leader 
{
	margin-left: 0;
	clear: left;
}

.inline_divs 
{
	overflow:hidden;
	margin:0;
	width:100%;
}

.inline_divs h4 
{
	margin:0 0 5px;
}

.inline_divs img 
{
	border:5px solid #deecf5;
	margin-bottom:5px;
}

.inline_divs div.details 
{
	float:left;
	margin-left:5px;
	width:118px;
  display:inline;
  overflow:hidden;
  margin-right:-2px; /*fix duplicate characters bug*/
  line-height:1.2;
}

.inline_divs div.row_leader
{
  margin-left:0;
}

ul.col_5 li 
{
	width: 115px;
}

ul.asterisk 
{
	list-style:none;
	margin:0

}

ul.asterisk li 
{
	list-style:none;
	padding-left:15px;
	background:url(../images/asterisk.gif) left 5px no-repeat;
}

ul.asterisk li span 
{
	color:#666;
}

ul.asterisk li a 
{
	font-weight:bold;
	color:#010528;
}

ul.indexConcert 
{
	list-style:none;
	margin:0

}

ul.indexConcert li 
{
	list-style:none;
	padding-left:5px;
}

ul.indexConcert li span 
{
	color:#666;
}

ul.indexConcert li a 
{
	font-weight:bold;
	color:#010528;
}

dl
{
	padding-bottom:10px;
}

dl.vital_statistics
{
  padding-bottom:20px;
}

dl.vital_statistics dt
{
	width:130px;
}

dt
{
	clear:left;
	float:left;
	width:100px;
	font-weight:bold;
	margin-bottom:5px;
}
	
dd
{
	margin-bottom:5px;
}


/*Style des liens*/

a img
{
	border:none;
}

a:link, a:visited
{
	color:#3eb3d6;
	text-decoration:none;
}

a:focus, a:hover
{
	color:#39C;
}

a.spot 
{
	background:#F09;
}

a.spot:hover 
{
	background:#C09;
}

.clearfix:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix
{
	display:inline-block;
}

/*Hides from IE-mac \*/
*html .clearfix
{
	height:1%;
}
.clearfix
{
	display:block;
}
/*End hide from IE-mac */

.advert
{
  margin:0 0 10px;
}

.hrule
{
	border-top:1px solid #9ed0f9;
	margin:10px 0;
	width:98%;
	text-align: center;
}

.hrule hr 
{
	display: none;
}

.chart_descriptif
{
	width:220px;
	font-size:12px;
}

.chart_photo
{
	float:left;
	width:80px;
	padding-right : 15px;
}

.clear
{
	clear:both;
}

.smallprint
{
	font-size:.87em;
}

.bold
{
	font-weight:bold;
}

.border
{
	border:5px solid #DEECF5;
}

.pink
{
	color:#F09!important;
}


.running_head
{
	background: #deecf5 url(../images/bg_running_head.gif) bottom left no-repeat;
	padding: 5px 2px 18px 15px;
	font-weight: bold;
	font-size: 1em;
	color:#04142e;
	margin:0 0 5px;
}

span.running_head
{
	display:block;
}

span.en_tete
{
	width : 610px;
	background: url(http://www.science-en-france.info/clipzic/structure/images/en_tete.png) no-repeat;
	padding: 10px;
	font-weight: bold;
	font-size: 1em;
	color:white;
	margin:0;
	display:block;
}


.margin_plus, div.margin_plus{
	margin-left:10px;
	margin-right:0;
}

/****************************************************************
	Formulaire
*****************************************************************/

label, .label
{
	font-size : 1.1em;
	font-weight : bold;
}



input.text, textarea
{
	border:1px solid #78cae2;
	font:1.1em Arial, Helvetica, sans-serif;
	background:#FFF;
	padding:8px;
	margin: 3px 0 3px 0;
	width:70%;
	float:none;
}
	
select
{
	border:1px solid #78cae2;
	font:1.1em Arial, Helvetica, sans-serif;
	background:#FFF;
	display:inline;
	padding:2px 0 0 0;
	width:150px;
	margin:3px 0 5px 0;
}

select.date
{
	border:1px solid #78cae2;
	font:1.1em Arial, Helvetica, sans-serif;
	background:#FFF;
	display:inline;
	padding:2px 0 0 0;
	width:80px;
	margin:3px 0 5px 0;
}

input.text:hover,  input.recherche_droite:hover, select:hover, textarea:hover, input.text:focus, input.recherche:focus, input.recherche_droite:focus, select:focus, textarea:focus
{
	background:#deecf5;
}

.radio
{
	float:left;
	margin-right: 5px;
}

label.radio 
{
	font-weight: normal;
	margin-right: 15px;
}


/****************************************************************
	Liste top
*****************************************************************/

.object_list ul
{
	margin:0 0 0 10px;
	list-style: none;
	zoom: 1;
}
.object_list ul:after 
{ 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

.object_list li
{
	border-bottom:1px solid #deecf5;
	margin: 10px 0;
	padding-bottom: 10px;
	zoom: 1;
}

.object_list li:after 
{ 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

.object_list.spots a:link, .object_list.spots a:visited 
{
	color:#F09;
}

.ad 
{
	margin: 10px 0;
	text-align: center;
	padding-top: 10px;
	border-top:1px solid #d4e6e9;
}


.object_list ul li a
{
	text-decoration:none;
	font-weight:bold;
}

.object_list ul li span a:link, .object_list ul li span a:visited,
.object_list.spots ul li span a:link, .object_list.spots ul li span a:visited 
{
	color:#777;
	font-weight:normal;
}

#content ul li span a:hover
{
	color:#333;
}

.object_list ul li img
{
	margin: 0 10px 0 0;
	border:5px solid #deecf5;
	float:left;
}

div.content_level 
{
	display:block;
	clear:both;
}

#bloc_principal .running_head, #bloc_principal .en_tete
{
	margin-left: -10px;
	_position: relative; _zoom: 1; /* :hack: IE6 clipping fix */
}

div.ready_to_start_spotting 
{
	height:65px;
	margin-bottom:10px;
	background: url(../images/start.png) left top no-repeat;
	padding: 43px 0 0 10px;
}



/****************************************************************
	Liens
*****************************************************************/

#links
{
	padding:20px 10px;
	background:url(../images/bg_links.jpg) left top no-repeat;
	zoom: 1;
}

#links:after 
{ 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

#links div.col_1
{
	width:200px!important;
	margin-left:10px;
	display: inline; /* :hack: double margin fix for IE6 */
}

#links h3
{
	color:#FFF;
	/* font-size:1.273em; */
}

#links ul
{
	margin-left:0;
}

#links li
{
	list-style:none;
	margin:0 0 2px;
}

#links li a span
{
	color:#9CC;
}

#links img
{
	margin-bottom:8px;
}

/****************************************************************
	Footer
*****************************************************************/

#footer{
	float:left;
	padding:10px 20px;
	color:#9CC;
}

#footer ul{
	margin:0;
	/* font-size:.92em; */
}

#footer ul a{
	color:#9CC;
	text-decoration:none;
	border-left:1px solid #9CC;
	padding-left:10px;
}

#footer ul a:hover{
	color:#0CF;
}

#footer li{
	float:left;
	list-style:none;
	margin:10px;
	margin-left:0;
}

.row_leader{
	clear: left;
}

.col_4{
	width:460px;
	float:left;
}
.col_3{
	width:610px;
	float:left;
}
.col_2{
	width:400px;
	float:left;
	margin-bottom: 10px;
}

.col_1{
	width:200px;
	float:left;
	margin-bottom: 10px;
}

.actions a {
	float: left;
	margin: 0 10px 0 0;
}

#bloc_principal .col_1 .running_head {
	margin-left: 0;
}

.margin_left{
	margin-left:10px;
}



/****************************************************************
	Balise image
*****************************************************************/

img
{
	border : none;
}

img.logo
{
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding-top : 10px;
}

img.bandeau
{
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding-top : 10px;
}

img.signal
{
	float : left;
	margin : 0px 15px 0px 0px;
}

img.image_news
{
	float : left;
	margin : 5px 5px 15px 5px;
	border : 4px solid white;
}

img.image_news2
{
	float : right;
	margin : 0 5px 15px 15px;
	border : 4px solid #f46db5;
}

.imagegauche
{
	float : left;
	margin : 5px 15px 3px 0px;
}

img.annuler
{
	float : right;
}

img.inscription
{
    margin-left: auto;
    margin-right: auto;
}

.profil
{
	float : left;
	margin : 5px 15px 3px -10px;
	border : 5px solid #deecf5;
}	

/****************************************************************
	Liste des items
*****************************************************************/

ul.item_list
{
	margin: 0 0 0 -10px;
}

ul.item_list li
{
	list-style:none;
	color:#777;
	margin: 0;
	padding: 10px;
	zoom: 1;
	border-bottom:1px solid #deecf5;
}


ul.item_list li:after 
{ 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

ul.item_list li.alt 
{
  margin-left:10px;
} 

ul.item_list li h3
{
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}

ul.item_list li h3 a:link, ul.item_list li h3 a:visited
{
  color:#f9319b;
}

ul.item_list li p
{
	margin:0 0 3px;
	font-size:.91em;
	font-weight:normal;
	color:#666;
}

ul.item_list li p.smallprint
{
	font-size:.85em;
}

ul.item_list li img
{
	margin:0 5px 0 0;
	float:left;
	border:5px solid #deecf5;
}

ul.item_list li span.from
{
	display:inline;
	line-height:33px;
	vertical-align:bottom;
}

ul.item_list div.left
{
	width:33%;
}

*HTML ul.item_list div.left
{
	width:33%;
	margin:0;
}


ul.item_list div.right
{
	width:66%;
}

*HTML ul.item_list div.right
{
	width:64%;
	margin:0;
}

ul.spots_list li 
{
	width: 280px;
	margin-left: 20px;
	float: left;
}

ul.spots_list li.row_leader 
{
	clear: left;
	margin-left: 0;
}







/****************************************************************
	Page accueil
*****************************************************************/

#info
{
	background:#deecf5 url(../images/fond_une.png) repeat-x;
	margin-left : -10px;
	height : 455px;
	margin-bottom : 15px;
}

div.featured_movie {
	background:#000 url(../images/legend_dummy.jpg) no-repeat;
	width:600px;
	margin:10px;
	margin-top: 0;
}

.info
{
	padding-top : 10px;
	padding-bottom : 7px;
	padding-left : 17px;
	color : white;
	font-size : 22px;
}

.recherche
{
	padding-top : 10px;
	padding-bottom : 7px;
	padding-left : 17px;
	color : white;
	font-size : 17px;
}

.essayer
{
	padding-bottom : 7px;
	margin-top : -3px;
	padding-left : 15px;
	color : white;
	font-size : 11px;
}

input.recherche {  
    padding: 5px;  
    font-size: 15px; 
	color : #000;	
    outline: none;  
    border: none;  
    background: -webkit-gradient(linear, left top, left bottombottom, from(#fff), to(#bcbcbe));  
	margin : -5px 0 10px 15px;
	width:500px;
	float:none;
}  

input.go, input.go_droite
{
    font-size: 15px;  
    text-shadow: 0px 1px 0px #29597F;
	color : white;	
    outline: none;  
    border: none;  
    background: -webkit-gradient(linear, 0 20%, 0 100%, from(#0f4377), to(#0b2f54));
	background: -moz-linear-gradient(top,  #0f4377,  #0b2f54); 	
	height : 29px;
	width : 76px;
	margin-left:-1px;
	paddind-top : -2px;
}

input.recherche_droite
{
	border:1px solid #78cae2;
	font:1.1em Arial, Helvetica, sans-serif;
	color : #000;
	margin-bottom:10px;
	width:84%;
	float:none;
    outline: none;  
    border: none;  
    background: -webkit-gradient(linear, left top, left bottombottom, from(#fff), to(#bcbcbe));  
	margin : -5px 0 10px 15px;
}

input.recherche:focus, input.go:focus, input.recherche_droite:focus, input.go_droite:focus {
	-webkit-box-shadow: 0px 0px 5px #007eff;
	-moz-box-shadow: 0px 0px 5px #007eff;
	box-shadow: 0px 0px 5px #007eff;
}


/* Début une*/


#bloc_une
{
	width : 930px;
	height : 376px;
}

#une{ 
 position:relative;
 height: 276px;
 }


#myGallery
{
	text-align: left;
	border: 10px solid #000;
	margin: 0 auto;
}

#myGallery, #myGallerySet, #flickrGallery
{
	width: 580px;
	height: 270px;
	z-index:5;
	border: 1px solid #000;
}

#flickrGallery
{
	width: 580px;
	height: 270px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 75px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	margin: 0;
	margin: 2px 5px;
	font-size : 18px;
	font-weight: bold;
	color: #ff0099;
	border : none;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
	font:normal 12px Verdana, lucida,"lucida-sans unicode",sans-serif;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('../images/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('../images/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('../images/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('../images/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: pink;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #333;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color : #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
/* Fin une index */


/* Début une index6*/

#container {
	width:580px;
	margin:0 auto;
	position:relative;
	z-index:0;
	
}

#slides {
	border : 2px solid white;
}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:9px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:535px;
}

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:60px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}



/* Fin une index6 */


/* Début Sidebar pour chart*/

.chart 
{
	width:294px;
	float:left;
	border : 1px solid #0a9cfa;
	background-color:#fff;
	margin-bottom:10px;
}

.classement 
{
	background: #fff;
	float:left;
	margin-left:10px;
	display:inline;
	padding-bottom: 8px;
	width:254px;
	margin-bottom:7px;
}

.classementClip
{
	background: #fff;
	float:left;
	margin-left:10px;
	display:inline;
	padding-bottom: 8px;
	width:254px;
	margin-bottom:7px;
}


.titre 
{
	background:#deecf5;
	width:335px;
	height:30px;
	margin: -1px 0 0 -1px;
	border: solid 1px #e8e8e8;
	border-bottom: solid 1px #0a9cfa;
}

.chart .titre  
{
	width:294px;
}

.titre  ul 
{
	margin:-1px 0 0 -1px;
	padding:0;
	list-style:none;
	width:207px;
}

.chart .titre  ul
{
	width:296px;
}

.titre  ul li 
{
	display:inline;
	font-size:13px;
	font-weight:bold;
}

.titre  ul li a 
{
	float:left;
	color:#0a9cfa;
	padding:2px 16px 7px 16px;
	border-top: solid 1px #eee;
}

.titre  ul li a:hover, .titre  ul li .tabactive 
{
	background-color : #fff;
	color : #ff0099;
	border : 1px solid #0a9cfa;
	border-bottom : solid 2px #fff;
}







/* debut Sidebar par genre*/
.chartGenre
{
	width:610px;
	float:left;
	border : 1px solid #0a9cfa;
	background-color:#fff;
	margin: 0 0 10px -10px;
}

.classementGenre
{
	background: #fff;
	float:left;
	margin-left:10px;
	display:inline;
	padding-bottom: 8px;
	width:590px;
	margin-bottom:7px;
}

.titreGenre
{
	background:#deecf5;
	width:610px;
	height:24px;
	margin: -1px 0 0 -1px;
	border: solid 1px #e8e8e8;
	border-bottom: solid 1px #0a9cfa;
}

.chartGenre .titreGenre
{
	width:610px;
}

.titreGenre  ul 
{
	margin:-1px 0 0 -1px;
	padding:0;
	list-style:none;
	width:610px;
}

.chartGenre .titreGenre  ul
{
	width:610px;
}

.titreGenre  ul li 
{
	display:inline;
	font-size:10px;
	font-weight:bold;
}

.titreGenre  ul li a 
{
	float:left;
	color:#0a9cfa;
	padding:2px 16px 7px 16px;
	border-top: solid 1px #eee;
}

.titreGenre  ul li a:hover, .titreGenre  ul li .tabactive 
{
	background-color : #fff;
	color : #ff0099;
	border : 1px solid #0a9cfa;
	border-bottom : solid 2px #fff;
}

/* Fin Sidebar*/


/****************************************************************
	Page clips
*****************************************************************/

#bloc_clips
{
	background:#deecf5 url(../images/fond_une.png) repeat-x;
	margin-left : -10px;
	height : 335px;
	margin-bottom : 15px;
}

#bloc_clips ul.liste #liste_clip li 
{
	width : 110px;
	display : inline;
	list-style-type : none;
	float : left;
	text-align : center;
	margin-left : 20px;
}

#bloc_clips ul.liste #position li 
{
	display : inline;
	list-style-type : none;
	float : left;
	font-size : 16px;
	text-align : center;
	margin-left : 10px;
}

#bloc_clips ul.liste li a img
{
	margin : 5px 0 0 0;
	border : 3px solid white;
}

#bloc_clips ul.liste #position li a img
{
	margin : 5px 0 0 0;
	border : 5px solid white;
}

#liste_clip
{
	float : left;
	margin : 1px 5px -8px 10px;
}

#position
{
	float : left;
	width : 300px;
	margin : 0px 10px 3px -30px;
}

#classClip ul #classChart li
{
	width : 300px;
	display : inline;
	list-style-type : none;
	float : left;
}	

#classClip ul #classChart li img
{
	margin : 5px 5px 0 0;
	border : 3px solid #deecf5;
	float : left;
}

#classClip ul #classChart li p
{
	margin : 5px 0 0 0;
}

#classChart
{
	float : left;
	width : 300px;
	margin : 0px 10px 3px -30px;
}

p.topArtiste, p.topArtiste2, p.topArtiste2
{
padding-bottom : 5px;
margin-bottom : 5px;
}

p.topArtiste span, p.topArtiste2 span, p.topArtiste3 span
{
font-size : 14px;
font-weight : bold;
color : #f9319b;
}

p.topArtiste
{
font-size : 15px;
border-bottom : 1px dotted gray;
}

p.topArtiste2
{
font-size : 13px;
padding-bottom : 5px;
margin-bottom : 5px;
}

p.topArtiste3
{
font-size : 12px;
padding-bottom : 5px;
margin-bottom : 5px;
}

/****************************************************************
	Page clip
*****************************************************************/

div.parole
{
max-height : 491px;
padding-bottom : 5px;
margin-bottom : 5px;
border : 1px solid #deecf5;
}

div.clip
{
	background:#deecf5;	
	margin-left : -10px;
}

div.fiche_clip
{
	padding-top : 5px;
	padding-bottom : 10px;
	padding-right : 10px;
	margin-left : 10px;
	margin-top : -15px;
}

div.clip_img
{
	float:left; 
	width:400px; 	
	margin: 5px 20px 0 5px;
	position: relative; /* :hack: fix clipping in IE6 */
}

.note
{
	float : right;
	width: 300x;
	height : 45px;
	margin : -110px; 
	padding : 0;
}

.tags
{
	float : right;
	border : 1px solid #deecf5;
	background-color: #ffffff;
	width: 165px;
	height : 105px;
}

.actu
{
	float : right;
	border : 1px solid #deecf5;
	background-color: #ffffff;
	width: 165px;
	height : 105px;
}

.albumClip
{
	float :left;
	border : 4px solid #ffffff;
	background-color: #ffffff;
	width: 121px;
	height : 100px;
	margin-right : 5px;
}


#fan
{
	float : right;
	margin-top: -118px;
	margin-right : 20px;
}

.partager, .signaler 
{
	border : 1px solid grey;
	float : left;
	height : 23px;
	background-color : grey;
	font-size : 13px;
	margin-right : 10px;
	background : url(../images/f_bouton.png) bottom repeat-x;
	padding : 5px 5px 0 5px;
}

.partager img,.signaler img {
	vertical-align : middle;
}

input.fan
{
	border : none;
	background : url(../images/devenir_fan.png) no-repeat;
	height : 50px;
	width : 130px;
}

/* Debut du carousel*/

.jcarousel-container 
{
    position: relative;
}

.jcarousel-clip 
{
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;

}

.jcarousel-list 
{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item 
{
    float: left;
    list-style: none;
    width: 64px;
}

.jcarousel-next 
{
    z-index: 3;
    display: none;
}

.jcarousel-prev 
{
    z-index: 3;
    display: none;
}

#clips .jcarousel-skin-tango.jcarousel-container-horizontal 
{
	width : 550px;
	margin-top : 20px;
	padding-right : 55px;
	margin-left : 250px;
}

#clips .jcarousel-skin-tango .jcarousel-clip-horizontal 
{
    width:  495px;
	margin-top : 20px;
	padding-right : 55px;
	margin-left : 35px;
}

.jcarousel-skin-tango .jcarousel-item 
{
    width: 129px;
    height: 138px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal 
{
    margin-right: 9px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder 
{
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal 
{
    position: absolute;
    top: 50px;
    right: 305px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover 
{
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active 
{
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active 
{
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal 
{
    position: absolute;
    top: 50px;
    left: 2px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover 
{
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active 
{
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active 
{
    cursor: default;
    background-position: -96px 0;
}


#clips li
{
	display: inline;
	list-style-type: none;
	background: transparent url(../images/clip2.png) no-repeat 0 0;
}

#clips li img
{
	padding-left : 8px;
	margin-top : 9px;
}

#clips li  p
{
	text-align : center;
	color : #444;
}

#albums li
{
	display: inline;
	list-style-type: none;
	background: transparent url(../images/clip2.png) no-repeat 0 0;
}

#albums li img
{
	padding-left : 8px;
	margin-top : 9px;
}

#albums li  p
{
	text-align : center;
	color : #444;
}

#bloc_listeclip
{
	padding-top: 8px;
	width : 100%; 
	float : left;
	vertical-align: top;
}
/* Fin du carousel*/


/* Debut menu*/

div.container
{
	width: 620px;
	background : #fbe2f3 url(../images/fond_menu.png) repeat-x;
	margin : -3px 0 0 -10px;
	padding-bottom : 10px;
}

/*====================== Fixed ======================*/
			
#liste li.niv-un
{
	color: white;
}

#liste-menu a
{
	padding: 0 3px;
	border: 1px solid gray;
	background: #eeeeee;
}
			
#liste-menu a:hover, #liste-menu a.wactive
{
	border: 1px dotted gray;
	background: black;
	color: #eeeeee;
}
			
/*====================== Pour tous les menus de la page ======================*/
.wslide-menu
{
	padding-top: 5px;
}
/* Fin menu*/


/****************************************************************
	Page Actualité & news
*****************************************************************/

#bloc_actualite
{
	background-image : url(../images/fond_actu.png);
	background-repeat : repeat-x;	 
	background-position : bottom;
	margin-left : -10px;
	min-height : 138px;
}

#bloc_actualite .suite
{
	float : right;
	color : white;
	margin-right : 5px;
}

#bloc_actualite .titre_actu
{
	color : white;
	font-size : 17px;
	font-weight: bold;
	padding-top : 5px;
}

#bloc_actualite  .actualite
{
	color : #3eb3d6;
	text-align : justify;
	padding-right : 4px;
}

#bloc_actualiteSuite
{	
	margin-left : -10px;
	min-height : 138px;
	border-top : 2px #edebeb dotted;
}

#bloc_actualiteSuite:hover
{	
	background-color : #e3e1e1;
	margin-left : -10px;
	min-height : 138px;
}

#bloc_actualiteSuite .titre_actu
{
	color:#3eb3d6;
	font-size : 15px;
	font-weight: bold;
	padding-top : 5px;
}

#article
{
	min-height : 300px;
	text-align : justify;
}

#bloc_partage ul.partage li 
{
	padding-top : 5px;
	display : inline;
	list-style-type : none;
}

#bloc_partage .partager
{
	float : right;
	margin-top : -28px;
}

.col_actu1{
	width:290px;
	float:left;
	margin-bottom: 10px;
}

.col_actu2{
	width:300px;
	float:left;
	margin-right:20px;
	margin-bottom: 10px;
}

.artisteActu {
float : left;
display: inline;
list-style-type: none;
height : 110px;
width : 133px;
border : 4px solid #fff;
margin : 2px;
background-color : black;
}

.artisteActu:hover {
border : 4px solid #cecccc;
}

.dossier {
margin-left : -10px;
border : 2px solid #cecccc;
}


/****************************************************************
	Page artiste
*****************************************************************/

#artiste {
	background:#deecf5;	
	margin-left : -10px;
	min-height : 317px;
}

.artiste {
margin : 5px;
border : 4px solid #ffffff;
float : left;
}

.similaire {
width : 200px;
margin-left : 5px;
}

.photo {
float : left;
display: inline;
list-style-type: none;
height : 41px;
width : 41px;
border : 2px solid #fff;
margin : 2px;
background-color : black;
}

.photo:hover {
border : 2px solid #cecccc;
}

.listeClip img {
border : 4px solid #FFF;
}

.listeClip img:hover {
border : 4px solid #cecccc;
}

ul.listeClip, ul.listeAlbum {
margin-left : -12px;
}

li.listeClip, li.listeAlbum {
position: relative;
float : left;
width : 123px;
height : 127px;
display: inline;
list-style-type: none;
margin : 4px;
}

li.listeClip p , li.listeAlbum p{
text-align : center;
padding-top : 90px;
}

img.fond {
position: absolute;
top: 3px;
left: 9px;
z-index : 1;
}
img.superpose {
position: absolute;
top: 3px;
z-index : 2;
}

.tooltip {
	display:none;
	background:transparent url(../images/black_arrow_bottom.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;		
	margin-top : 200px;
	z-index : 10;
}

#clipArtiste img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

.tooltip.bottom {
	background:url(../images/black_arrow_bottom.png);
	height:55px;
	margin-top : 200px;
	z-index : 10;
}



/****************************************************************
	Commentaire
	
	.comment { 
border-bottom:1px solid #78cae2; 
padding:5px 0 5px 5px; 
color:#000000;
line-height: 1.6; 
}
*****************************************************************/



#commentaire, #imageCommentaire { 
border-bottom:1px solid #78cae2; 
padding:5px 0 5px 5px; 
color:#000000; 
line-height: 1.6; 
}
#leaveComment { 
margin:0 auto; 
overflow:hidden; 
}

.avatar { 
padding-left:5px; 
margin-bottom:5px; 
float:left; 
overflow:hidden; 
}

.img_avatar { 
width:90px; 
height:80px; 
float:left; 
margin:0 auto; 
overflow:hidden; 
background:#000 url(../images/gravatar.jpg) no-repeat;
}

.row { 
padding-left:10px; 
margin-bottom:5px; 
overflow:hidden; 
background:#fff url(../images/gauche2.gif) left no-repeat;
}

#com { 
height:80px;
padding-left:15px; 
margin-bottom:3px; 
overflow:hidden; 
background:#deecf5 url(../images/gauche.gif) left no-repeat;
}

#posteur { 
width:120px;
float : left;
padding-left:5px; 
margin-bottom:2px;
margin-top:2px;  
overflow:hidden; 
font-weight : bold;
}

#poste { 
width:120px;
float : right;
padding-left:5px; 
margin-bottom:2px; 
margin-top:2px; 
overflow:hidden; 
}

.row label { 
width:100px; 
text-align:right; 
margin-right:5px; 
display:block; 
float:left; 
font-weight:bold; 
padding-top:5px; 
}
.row input, .row textarea, .row div { 
display:block; float:left; 
}
.row div {
height:80px;
padding-left:15px; 
margin-bottom:3px; 
overflow:hidden; 
background:#deecf5 url(../images/gauche.gif) left no-repeat;
}

.row textarea {
width:487px; 
}

#add { 
bottom:5px; 
left:60px; 
font-weight:bold; 
font-size:10px; 
width:45px; 
}

/****************************************************************
	Page découverte
*****************************************************************/
div#alaune_list {
width: 618px;
height: 248px; /* hauteur de la div container*/
margin:0 16px 0 -10px;
overflow: hidden;
position: relative;
border:1px solid #e4e4e4;
}
div#alaune_list ul {
position: absolute;
top: -1px;
list-style: none;
padding: 0;
margin: 0;
}
ul#output {
left: 0;
width: 463px;
height: 248px;
position: relative;
}
ul#output li {
position: absolute;
width: 648px;
height: 248px;
}
ul#vigne {
right: 0;
z-index: 2;
width: 202px;
}
ul#vigne  li {
left: 462px;
font-family:Arial;
font-size:11px;
margin-bottom : -1px;
}

ul#vigne li a {
text-decoration: none;
display: block;
padding:0 0 0 32px;
height: 63px;
outline: none;
color:#414141;
background:  url('../images/slidePassif.png') repeat-x bottom;
}

ul#vigne li a:hover {
text-decoration: none;
}

ul#vigne  li a.current {
background:  url('../images/slideActif.png') repeat-x bottom;
color:#FFF;
margin-left : 2px;
}

ul#vigne  li a.current:hover {
background:  url('../images/slideActif.png') repeat-x bottom;
margin-left : 2px;
}

ul#vigne  li a span.unetitle {
font-family:Arial;
font-weight:bold;
font-size:18px;
letter-spacing:-1px;
display:block;
padding: 7px 0 5px 0;
margin:0;
}


/****************************************************************
	Page Concert
*****************************************************************/

#bloc_concert
{
	background-image : url(../images/fond_concert.png);
	background-repeat : repeat-x;	 
	background-position : bottom;
	margin-left : -10px;
	min-height : 137px;
	text-align: justify;
}

#bloc_concert #slideConcert
{
	float : left;
	color : white;
	margin-left : 10px;
}


/* le calendrier */
.tab_calendrier
{
   width : 300px;
   empty-cells:show;
   border-collapse:collapse;
   border-spacing: 0px;
   margin:auto;
   margin-top:2px;
   background-color : #deecf5;
}

.cell_calendrier
{
  text-align : center;
  height : 20px;
  width : 20px;
  background-color : #deecf5;
  font-weight : bold;
}

.titre_calendrier
{
  text-align:center;
  height:27px;
  background-color : white;
}

#calendrier a:link, a:visited
{
	color:#3eb3d6;
	text-decoration:none;
}

#calendrier a:focus, a:hover
{
	color : #39C;
}

span#titre
{
  width:160px;
  font-weight:bold;
}

a#link_precedent
{
  float:left;
  width:50px;
}

a#link_suivant
{
  float:right;
  width:50px;
}



/****************************************************************
	Page Concerts
*****************************************************************/

#bloc_info
{
	width : 606px;
	margin-left : -10px;
	height : 291px;
	color : #78cae2;
}

#info_concert
{
	float : left; 
	width : 230px;
	margin-left : 360px;
	padding-left : 6px;
	border-left : 1px solid #78cae2;
	min-height : 283px;
}

.descriptif
{
	min-height : 150px;
	text-align: justify;
	color : pink;
}

.imageconcert
{
	float : left;
}





/****************************************************************
	Bloc tête
*****************************************************************/

#bloc_tete
{
	width : 98%; 
	height : 100%;
	margin-left : auto;
	margin-right : auto;
	vertical-align : top;
}

/****************************************************************
	Bloc classement
*****************************************************************/

#tabbed_box_1 
{
	width : 98%; 
	height : 100%;
	margin-left : auto;
	margin-right : auto;
	vertical-align: top;
	margin : 0px auto 0px auto;
}

/****************************************************************
	Bloc partage
*****************************************************************/

#bloc_partage 
{
	height : 100%;
	background-color : #deecf5;
	padding : 5px;
	margin-top: 15px;
}

/****************************************************************
	Bloc login
*****************************************************************/

#bloc_connexion
{
	float : left;
	width : 60%; 
	margin : 10px auto 0px auto;
}

#bloc_pageinscription
{
	float : left;
	height : 360px;
	width : 50%; 
	background-color: white;
}

#bloc_pageinscriptionpub
{
	float : left;
	height : 360px;
	width : 50%; 
	background-color: white;
}

/****************************************************************
	Bloc recherche
*****************************************************************/

#bloc_recherche
{
	width : 98%; 
	min-height : 320px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 50px;
	vertical-align: top;
	color: black;
}

#bloc_resultat
{
	width : 98%; 
	height : 100%;
	margin-left : auto;
	margin-right : auto;
	vertical-align: top;
	background-color: white;
	color: black;
}

#bloc_navigation
{
	position :absolute;
	margin-left : auto;
	margin-right : auto;
	margin-top : 17px;
}


/****************************************************************
	Bloc pub
*****************************************************************/

.spacer {
  clear: both;
}