/* ------------------------------RAZ */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
	font-weight: normal;
}
ul {
	margin: 0; padding: 0;
	list-style: none;
}
a {
	text-decoration:none;
	color:#000;
	outline: none;
} 
a:hover{
	color:#C0AD92;
}
a img {
	border:none;
}
.clear { 
    clear:both;
    display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

:focus{-moz-outline-style: none;}
.hidden {
	visibility:hidden;
}
input, textarea{
	color:#000;
	font-family:verdana, arial;
	font-size:11px;
}
fieldset{border:none;}
header,
footer,
section,
aside,
nav,
article,
figure,
hgroup{
	display:block;
}

::selection{ background:#c1ad85; color:#000; }
::-moz-selection{ background:#c1ad85; color:#000; }

/* -------------------------fin RAZ--- */

body {
	font-family:verdana, arial;
	font-size:11px;
	color:#000;
	background:#e8decd;
	margin:0px;
	padding:0px;		
	line-height:15px;   
}
#principale{
  	width:999px; 
    margin:0 auto;  
	padding:8px 18px 17px 18px;
	background:#fff;
	position:relative;                          
}          
/*---------------------------header-----------------------------------------*/
#header{     
	margin-bottom:9px;
} 

/*------------------menu----------------------*/
#header nav ul#nav-principale{
	background:#000 url(../images/menu.gif) no-repeat;         
	position:relative;
	height:35px;
	width:999px;
	z-index:2;
}
#header nav ul li{
	float:left;       
	height:35px;  
	text-indent:-5000px;
}
#header nav ul li a{
	color:#fff;  
	display:block;
	height:35px;    
}    
#header nav ul li#nav-operas{
	width:78px;
}      
#header nav ul li#nav-orchestre{
	width:116px;
}
#header nav ul li#nav-recital-et-musique-de-chambre{
	width:269px;
}
#header nav ul li#nav-danse{
	width:84px;
}
#header nav ul li#nav-theatre{
	width:119px;
}
#header nav ul li#nav-agenda{
	width:95px;
}
#header nav ul li#nav-infos{
	width:141px;
}
#header nav ul li#nav-abonnes{
	width:97px;
}   
/*--hover--*/
#header nav ul li#nav-operas.hover a{
	background:url(../images/menu.gif) 0 -70px no-repeat;
}      
#header nav ul li#nav-orchestre.hover a{
	background:url(../images/menu.gif) -78px -70px no-repeat;     
}
#header nav ul li#nav-recital-et-musique-de-chambre.hover a{
	background:url(../images/menu.gif) -194px -70px no-repeat;     
}
#header nav ul li#nav-danse.hover a{
	background:url(../images/menu.gif) -463px -70px no-repeat;     
}
#header nav ul li#nav-theatre.hover a{
	background:url(../images/menu.gif) -547px -70px no-repeat;     
}
#header nav ul li#nav-agenda.hover a{
	background:url(../images/menu.gif) -666px -70px no-repeat;     
}
#header nav ul li#nav-infos.hover a{
	background:url(../images/menu.gif) -761px -70px no-repeat;     
}
#header nav ul li#nav-abonnes.hover a{ 
	background:url(../images/menu.gif) -902px -70px no-repeat;     
} 

/*--selected--*/
#header nav ul li#nav-operas a.selected{
	background:url(../images/menu.gif) 0 -35px no-repeat;
}      
#header nav ul li#nav-orchestre a.selected{
	background:url(../images/menu.gif) -78px -35px no-repeat;     
}
#header nav ul li#nav-recital-et-musique-de-chambre a.selected{
	background:url(../images/menu.gif) -194px -35px no-repeat;     
}
#header nav ul li#nav-danse a.selected{
	background:url(../images/menu.gif) -463px -35px no-repeat;     
}
#header nav ul li#nav-theatre a.selected{
	background:url(../images/menu.gif) -547px -35px no-repeat;     
}
#header nav ul li#nav-agenda a.selected{
	background:url(../images/menu.gif) -666px -35px no-repeat;     
}
#header nav ul li#nav-infos a.selected{
	background:url(../images/menu.gif) -761px -35px no-repeat;     
}
#header nav ul li#nav-abonnes a.selected{ 
	background:url(../images/menu.gif) -902px -35px no-repeat;     
}

/*-----------sous menu-------------*/
#header nav ul li div{
	position:absolute;
	top:35px;                                              
	left:37px;                                         
	width:927px; 
	padding:0 7px 8px 0;
	background:url(../images/ombre-sous-menu.png) right bottom no-repeat;        
	z-index:4;           
	display:none;
}
#header nav ul li#nav-operas div{
	left:0;
}
#header nav ul li div.hover{
	display:block;
}
#header nav ul li div ul{
	width:927px;
	background:#c1ad85; 
	padding:18px 0;
}           
#header nav ul li div ul li{
	float:none;
	text-indent:0;
	height:25px;
	font-size:10px;     
	line-height:25px;
}
#header nav ul li div ul li{
	position:relative;	
}
#header nav ul li div ul li a{
	color:#000;  
	width:336px;   
}
#header nav ul li#nav-operas.hover div ul li a,
#header nav ul li#nav-orchestre.hover div ul li a,
#header nav ul li#nav-recital-et-musique-de-chambre.hover div ul li a,
#header nav ul li#nav-danse.hover div ul li a,
#header nav ul li#nav-jeune-public.hover div ul li a,
#header nav ul li#nav-theatre.hover div ul li a,
#header nav ul li#nav-agenda.hover div ul li a,
#header nav ul li#nav-infos.hover div ul li a,
#header nav ul li#nav-abonnes.hover div ul li a{
	background:url(../images/puce-sous-menu.gif) 13px 5px no-repeat; 	
}
#header nav ul li#nav-operas.hover div ul li a:hover,
#header nav ul li#nav-orchestre.hover div ul li a:hover,
#header nav ul li#nav-recital-et-musique-de-chambre.hover div ul li a:hover,
#header nav ul li#nav-danse.hover div ul li a:hover,
#header nav ul li#nav-jeune-public.hover div ul li a:hover,
#header nav ul li#nav-theatre.hover div ul li a:hover,
#header nav ul li#nav-agenda.hover div ul li a:hover,
#header nav ul li#nav-infos.hover div ul li a:hover,
#header nav ul li#nav-abonnes.hover div ul li a:hover{  
	background:url(../images/puce-sous-menu-hover.gif) 13px 5px no-repeat; 
	color:#fff;
}
#header nav ul li a strong{
	font-weight:normal;        
	display:block;
}     
#header nav ul li a:hover strong{  
	background:url(../images/puce-fleche-s-menu.gif) right 9px no-repeat;
}     
#header nav ul li a span{
	padding:0 0 0 37px;
	display:block;    
	width:276px;
}
#header nav ul li a:hover span{
	background:url(../images/bg-hover-s-menu.gif) repeat-x;       
}      
/*------------------fin menu------------------*/   

#banniere{
	width:999px;
	height:114px;
	color:#fff;
	position:relative;
	z-index:1;
} 
#banniere a{
	color:#fff;
}   
#banniere h1{
    margin-bottom:73px;   
}
#banniere h2{
	font-size:24px;
}
#banniere hgroup{
	position:absolute;
	text-align:center;
	top:14px;
	left:335px;
	width:300px; 
}
#banniere form{
	position:absolute;
	bottom:15px;
	right:15px;
}
#banniere form label{
	display:block;  
	background:url(../images/label-banniere.png) no-repeat;
	width:152px;
	height:12px;
	text-indent:-5000px;    
	margin-bottom:6px;
} 
#banniere form input#inp-recherche{
	border:none;
	font-size:10px;               
	width:129px;
	height:16px;
	float:left; 
	padding:1px 0 0 3px;
} 
#banniere form input#valid-recherche{
	float:left;
}   
/*---------------------------header-----------------------------------------*/

/*------------------------footer-----------------------*/
footer{
	background:url(../images/bg-footer.gif) repeat;
	position:relative;
	padding:0 0 9px 12px;
	margin-top:24px;
}
footer ul.list-info-footer{
	font-size:10px;
	width:650px;
	padding-top:7px;
}   
footer ul.list-info-footer li{
	display:inline;
}
footer ul.list-info-footer li a{
	padding:0 3px 0 0;
	font-size:9px;
}
footer ul li a:hover{
	color:#c1ad85;
} 
footer ul.list-info-footer li a img{
	vertical-align:middle;	
}      
footer p.newsletter{
	background:url(../images/foot-label-news.gif) left bottom no-repeat;
	width:185px;
	height:10px;                                             
	padding-top:4px;
	display:block;
	font-size:1px;
	text-indent:-5000px;
	position:absolute;
	top:55px;
	right:0px;
	font-size:1px;
	line-height:1px;
}       
footer p.newsletter a{
	display:block;
	width:195px;
	height:10px;                                             
}    
footer #list-comp-footer{
	padding:7px 0 0 0;	
	margin-bottom:4px;
}
footer #list-comp-footer li{
	padding:0;
	float:left;	
	line-height:12px;	
	background:url(../images/separ-foot.gif) right 2px no-repeat;
	padding:7px 21px 7px 19px;
}
footer #list-comp-footer li.first-child{
	padding-left:0;	
}
footer #list-comp-footer li a{
	background:url(../images/puce-list-comp.gif) left 0px no-repeat;   
	display:block;                                      
	padding:1px 0 0 22px; 
	font-size:10px;
}
footer #list-comp-footer li a span,
footer #list-comp-footer li a:hover{
	color:#b2b2b2;
}           


      
/* ------------------------------------------------------------------------
	Popin
------------------------------------------------------------------------- */


#overlay {
	background: #000;
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 10000;
	width: 100%;
}
.prettyPopin {
	display: none;
	overflow: hidden;
	position: absolute; 
	z-index: 11000;
	background:#fff;
	top: 50%; left: 50%;
}	
.prettyPopin a#b_close {
	display: none;
	position: absolute; 
	z-index: 2;
	top: 10px; 
	right: 13px;
	width: 179px; 
	height:20px;
	text-indent:-5000px;
	background: url(../images/btn-fermer.gif) no-repeat;
}	
.prettyPopin .prettyContent {
	position: relative;
	width: 100%; height: 100%;
}
.prettyPopin .prettyContent .prettyContent-container {
	display: none;		
	padding: 43px 15px 50px 15px;
}		
.prettyPopin .prettyContent .loader {
	position: absolute;
	top: 50%; left: 50%;
	margin: -14px 0 0 -14px;
} 
#popin-newsletter h2{
	background:url(../images/titre-popin.gif) right top no-repeat;
	width:375px;
	height:29px;
	text-indent:-5000px;	
	padding-left:90px;
	margin-bottom:31px;
}  
#popin-newsletter .inp-text{
	margin-bottom:9px;	
}
#popin-newsletter .inp-text input.error{
	border: 1px solid red;
}
#popin-newsletter .inp-text label{
	float:left;
	width:83px;
	padding:0 7px 0 0;
	font-size:10px;
	text-transform:uppercase;
	line-hieght:19px;	
	text-align:right;
}
#popin-newsletter .inp-text input{
	float:left;
	width:195px;
	height:17px;
	border:1px solid #c4c3c4;
	padding:0 0 0 3px;	
}     
#popin-newsletter .float-form{
	width:327px;
	float:left;	
}   
.valid-news{
	float:right;
	margin:14px 37px 0 0;
	display:inline;	
}