::selection {
background: black;
color: white;
text-shadow: none;
}


body{
	background:url(../img/bg.png) repeat-y center 100px;
	text-transform: uppercase; font-size: 11px;
}

header {background: white;padding-top:33px;}

#logo {
	padding: 0;
	margin: 2px 0 0 0;
}
#logo a{
	padding: 0px 0 45px 0;
	margin: 0;
	display: block;
}
#logo img{
	width: 115px;
}
#nav-main {margin-left: 0;margin-right: 12px;position: relative;
margin-right: 12px;
z-index: 999;}
#nav-main li.constellation a{
	background: url(../img/sprites.png) -4px -569px no-repeat;
	display: block;
	padding: 0 0 5px 24px;
}
#nav-main li.constellation a:hover{
	background: url(../img/sprites.png) -4px -609px no-repeat;
	display: block;
	padding: 0 0 5px 24px;
}
#nav-main li.archives a{
	background: url(../img/sprites.png) -4px -589px no-repeat;
	display: block;
	padding: 0 0 5px 24px;
}

#nav-main li.archives a.active{
	background: url(../img/sprites.png) -4px -677px  no-repeat;
	display: block;
	padding: 0 0 5px 24px;
	color: red;
}
#nav-main li.archives a:hover{
	background: url(../img/sprites.png) -4px -697px no-repeat;
	color: #0066CC;
}


nav a,nav a:active,nav a:link,nav a:visited {
	text-decoration:none;
	color: black;
}
a,a:visited,nav a:hover {
	text-decoration:none;
	color: #0066CC;
}
a:hover{color:red;}
/* navigation */
.claim{ text-transform: uppercase; font-size: 11px;padding-left: 12px;}
.view {padding-left: 10px;}
.sub {margin:0;	padding:0;}
.sub a {width: 112px;}
#nav-archives {position: relative;}
#nav-archives ul {float:left;}
#nav-archives li {list-style:none;}
/* rubrique  */
#nav-archives li.active a,
#nav-archives li.active li.active a,
#nav-archives li.active li.active li.active a {
	background: url(../img/sprites.png) 0px -89px no-repeat;
	}

/* rubrique active et rollover */
#nav-archives li.active a,#nav-archives li.active a:hover,
#nav-archives li.active li.active a,#nav-archives li.active li.active a:hover,
#nav-archives li.active li.active li.active a,#nav-archives li.active li.active li.active a:hover {
	color:red;
	background: url(../img/sprites.png) 0px -191px no-repeat;
	}
/* rubrique active et standby */
#nav-archives li a,
#nav-archives li.active li a,
#nav-archives li.active li.active li a,
#nav-archives li.active li.active li.active li a,
#programmation-groupe li a,
#equipe li{
	color: black;
	display: block;
	padding:0 0 0 15px;
	margin:0 0 20px;
	background: url(../img/sprites.png) 0px 3px no-repeat;
	width: auto; 
	}

/* rubrique passive en standby */
#nav-archives li.active li a,
#nav-archives li.active li.active li a,
#nav-archives li.active li.active li.active li a {
	color:black;
	margin: 0 0 20px 0;
	}

/* rubrique passive et rollover */
#nav-archives li a:hover,
#nav-archives li.active li a:hover,
#nav-archives li.active li.active li a:hover,
#nav-archives li.active li.active li.active li a:hover,
#programmation-groupe li a:hover {
	color:#0066CC;
	background-position:  0px -89px;
	}

/*saisons nav titres */

#nav-archives .longtitle{display: block;}

#nav-archives li.active li a {margin: 0 0 5px 0;color:black;}

/* saison titres trans */

.folder ul {display:none;}
#nav-archives li.folder a{
	background: url(../img/sprites.png) 0px -296px no-repeat;
}
#nav-archives li.folder a:hover{
	background: url(../img/sprites.png) 0px -390px no-repeat;
}
/* block de fond pour les titres */
ul.grid_1.fond_4{
	background:#ddd; 
	width: 486px;
}
/* block de fond pour les titres */
#atoz_titre ul.fond_atoz{
	background:#ddd; 
	width: 480px;
	margin-left: 7px;
}
#atoz ul{
	background:#ddd; 
	width: 605px;
	margin-left: 7px;
}
#atoz_artistes ul{
	background:#ddd; 
	width: 355px;
	margin-left: 7px;
}
ul.end, div.end{background:#ddd; }
a.az-headeritem.active {color:red;}

/****************
/* Page Spectacle 
*****************/

body#details {
	background:#ddd;
	background-image:none;
}
#details header{background: none;}
#header{padding:0;}
#details #nav-spectacle {margin:46px 3px 0 0;}
#details #nav-spectacle li{padding: 0 40px 0 0;text-align: right;}
#details #nav-spectacle li a{color: red;}
#details #nav-spectacle li a:hover{color: black;}
#details h2,#details h3,#details ul,#details ul li{margin:0;padding:0;}
#details h3,#details section ul li{margin:10px 0;}
#details h3.nav{margin:0 0 30px 0;}
#details.presentation h3.nav{margin:0 0 16px 0;}
#details h2{font-size: 24px;line-height: 22px;}
#details h3{font-size: 11px;font-weight:normal;}
#details h3.head{margin:20px 0 0 0; }
#details h3.title {display: inline;border-bottom: 1px solid black;}
#details ul li{list-style: none;}

#details #navdroite {
	position: absolute;
	top: 0;
	left: 390px;
}
#details #navdroite p,.az-noData{
	margin:0;padding:0;
}
#page-visuel .legende {display:block;margin-bottom: 10px; padding: 2px 0 0 0;}
#page-medias {
	margin-top: 48px;}
/* section presse */
#page-edito,
#page-presse,
#page-visuel,
#page-photo,
#page-installation,
#page-video {
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}
.gallery .grid_1,#page-presse .row{
	margin-bottom: 15px;
}
.presse-item .legende {
	font-size: 9px;
display: block;
position: absolute;
left: 0;
}
ul#programmation-groupe {padding: 1px 0 0 0;}

#page-edito .firstp{margin-top:0;}
#visuel,#publications{margin-left: 6px;}
#visuel li {float:left; width: 112px; margin: 0 13px 13px 0;}
#visuel li.visuel-item-6 { margin: 0 0 13px 0;}
#visuel li a,#publications li a{margin: 0;padding: 0;}

#publications li {float:left; width: 237px; margin: 0 13px 13px 0;}
#publications li.omega { margin: 0 0 13px 0;}


/* checkup pagination */
div.paging li {
	padding: 0 3px;
display: inline;
float: left;
border: 1px solid;}
div.paging li a.active{
	padding: 0 3px;
background-color: red;}

/* recherche */
#grusearch  {
	margin: 4px 0 0 0;
}

#grusearch form.advsea-form fieldset {
	border: 1px solid #DDDDDD;
	margin: 0;
	padding: 0 0 0 4px;
	width: 254px;
	background: white;
}
#grusearch form.advsea-form #as0_advsea-search,#grusearch form.advsea-form #as0_advsea-search:focus {
	width: 230px;
	border: 0;
	height: 14px;
	outline: 0;
	color: #B9BBBD;
	text-transform: uppercase;
}
#grusearch #as0_advsea-submit,#grusearch #as0_advsea-submit:focus{
	border: none;
	color: white;
	background: transparent url(../img/sprites.png) 1px -499px no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
}
#grusearch #as0_advsea-submit:hover{
	
	background: transparent url(../img/sprites.png) -16px -499px no-repeat;
	
}
#grusearch form.advsea-form a.advsea-helplink{display: none;}


/* résultat de la recherche */
body .advsea-highlight-1 {
color: red;
}
body .advsea-highlight {
font-weight: normal;
font-style: normal;
}
body div.advsea-paging, body div.advsea-paging1 {
color: black;
width: auto;
}
.advsea-results-list {
	
}
p.advsea-results {margin:0;padding:0;}

/* constellation */

#home-stars {background: #000;color: white;}
#home-stars #nav-archives  a{color: white;}
body#home-stars div.advsea-paging, body#home-stars div.advsea-paging1 {
color: white;
width: auto;
}
#home-stars header{position: relative;
z-index: 9999;
background: 
transparent;}

#home-stars #nav-main li.archives a:hover {
	background: url(../img/sprites.png) -4px -698px no-repeat;
	display: block;
	color:  #0066CC;
	padding: 0 0 5px 24px;
}

#home-stars #nav-main li.archives a {
	background: url(../img/sprites.png) -4px -638px no-repeat;
	display: block;
	color: white;
	padding: 0 0 5px 24px;
}

#home-stars #nav-main li.constellation a{
	background: url(../img/sprites.png) -4px -642px no-repeat;
	display: block;
	color: white;
	padding: 0 0 5px 24px;
}

#home-stars #nav-main li.constellation a.active{
	background: url(../img/sprites.png) -4px -589px no-repeat;
	display: block;
	color: red;
	padding: 0 0 5px 24px;
}

#home-stars #nav-main li.constellation a.active:hover{
	background: url(../img/sprites.png) -4px -609px no-repeat;
	display: block;
	color: #0066CC;
	padding: 0 0 5px 24px;
}






#home-stars #nav-main li.constellation a:hover,#home-stars #nav-main li.archives a:hover {
	
} 


#home-stars #grusearch form.advsea-form fieldset {
	border: 1px solid #DDDDDD;
	margin: 0;
	padding: 0 0 0 4px;
	width: 258px;
	background: black;
}
#home-stars #grusearch form.advsea-form #as0_advsea-search,#home-stars #grusearch form.advsea-form #as0_advsea-search:focus {
	width: 233px;
	border: 0;
	height: 16px;
	outline: 0;
	color: #B9BBBD;
	background: black;
}
#home-stars #grusearch #as0_advsea-submit,#grusearch #as0_advsea-submit:focus{
	border: none;
	color: white;
	background: transparent url(../img/sprites.png) -16px -524px no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
}
#home-stars #grusearch #as0_advsea-submit:hover{
	
	background: transparent url(../img/sprites.png) 1px -524px no-repeat;
	
}



#holder {
xbackground: #333;
    height: 600px;
xleft: 50%;
xmargin: -100px 0 0 -100px;
    position: absolute;
xtop: 50%;
    width: 862px;
   top: 100px !important;
}

#home-stars header {
	z-index: 1 !important;
}




.listNav { margin:0 0 10px; }
.ln-letters { overflow:hidden; }
.ln-letters a { 

	display: block;
	
	float: left;
	height: 35px;
	padding: 0px 0;
	
	border-right: none;
	width: 28px;
	text-align: center;
}
.ln-letters a.ln-last {  }
.ln-letters a:hover,
.ln-letters a.ln-selected { color:red; }
.ln-letters a.ln-disabled { display: none; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }
.ln-letters a._ {display: none;}


.advsea-form {
	float: right;
	position: absolute;
	top: 25px;
	right:0;
	
}

