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

/******************************************
	JPR 2009 
	author Mr.Vasseur @ Tractr
*******************************************
*/

/*****************************************
 *  reset.css
 *  @import url(reset.css); 
 * */

/******************************************/



body {
background: url(../../imgs/bg_body.jpg) top left repeat-x #FFFFFF;
/*	background: url(../../imgs/fond.png) top left repeat-x #fcfff9;*/
	padding:0px; 
	margin:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;line-height:13px;
	color:#333333;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h1 {
	font-size:20px;
  line-height:24px;
}

h2 {
	
	font-size:21px;
  line-height:23px;
	margin:0px 0px 8px 0px;
	color:#990000;
}

h3 {
	font-size:16px;
  line-height:20px;
	margin:0px 0px 8px 0px;
  color:#444;
}

h3.spip {
	padding-top:12px;
}

h4 {
	font-size:18px;
  line-height:20px;
	margin:0px 0px 8px 0px;
  color:#999;
}

h5 {
  font-size: 12px;
  line-height: 14px;
}

hr.spip {}

.ps {
  font-style: italic;
}

.spip_logos {
  margin: 10px 0px;  
}
.spip_documents_center{
  display:block;
  margin-bottom:auto;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  text-align:center;
  width:100%;
}
ul.spip {
  margin: 3px 0px 5px 0px;
}

li.spip {
  margin-left: 15px;
  margin-bottom: 5px;
}

.title_form {
	font-size:18px;line-height:19px;
	color:#999999;
}

.form_error, .error {
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
	color:#FF3333;
}

.form_error_rect {
	font-size:11px;
	line-height:15px;
	color:#FF3333;
	padding:10px;
	height:100px;
	background-image: url(../../imgs/bkg_billetterie_form_pb.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/********************************************
 *
 *  GLOBAL CONTAINER
 *  
 *********************************************/

#global {
	/*position:absolute;*/
	z-index:1;
 	width: 990px;
	overflow: hidden;
	margin: 0px auto; 
   	text-align: left;
   
	background:transparent url(../../imgs/bg_container.jpg) no-repeat scroll center top;
		/*
  background-image: url(../../imgs/bkg_shape_w2.jpg);
	
	background-position: top center;
	background-repeat: no-repeat;
	*/
}

#content {


	width: 100%;
	overflow: visible;
	
	min-height: 500px;/*640px;*/
	height: 640px;	
	height: auto !important;
  /* _height: 640px; */
    
	z-index:2;
}


.victor {
  z-index:5;
  display: block;
  position: absolute;
}

#home_victor {
	top:485px;
	left:107px;
}

#victor {
	top:506px; /*506*/
	left:66px; /*56*/
	width:180px;
	height:200px;
}


a.get_flash {
  color: #000000;
  font-weight: bold;
  display: block;
  text-align: center;
  
  margin: 0px 370px;
  padding: 50px 0px 0px 0px;
  text-decoration: none;
  width: 300px;
  /* left: 50%; */
  background: url(../../imgs/title_bg2.jpg) no-repeat center top;
  height: 154px;
}

/*
a.get_flash:hover {
  text-decoration: underline;
}
*/

a.get_flash img{
  margin: 5px;
  text-decoration: none;
}
a.get_flash p{
  text-decoration: underline;
}

  
 
#homeGallery {
	 clear: none;
}

/********************************************
 *
 *  FOOTER
 *  
 *********************************************/

#footer {
	z-index: 3;
	width: 100%;
	height: auto;
	clear :both;
}
#footer .copyright{
  display:block;
  float:right;
  font-size:7.5pt;
  position:relative;
  top:-10px;
  width:auto;
}
#footer .wrapLinks {
  border-top: 2px solid #B3E099;
  float:left;
  font-size:10px !important;
  margin:10px 0 0 6px;
  position:relative;
  text-align:left;
  width: 910px;
  _width: 900px;
}
#footer img{
  float: right;
}

/* NAVIGATION */

#menuHeader, #menuFooter {
  
}

#menuHeader{
  height: 20px;
  left: 100px;
  position: absolute;
  top: 87px;
  z-index: 10;
  overflow: visible;
  width: 880px;
}
#about_menuHeader_btn{
  overflow:visible;
  _width: 120px;
}
#menuHeader li, #menuFooter li {
  float: left;
  width: auto;
  margin: 0px 20px 0px 0px;
  display: inline-block;
 
}
#menuFooter li {
  margin: 0px 10px 0px 0px;
}
#menuHeader li a, #menuFooter li a {
  text-decoration: none;
  display: inline-block;
}
#menuHeader li a, #menuHeader li { 
  height: 20px;
  width: auto;
  _width: 73px;
}
#menuHeader li a {
  text-decoration: none;
  overflow: hidden;
  position:relative;
  display: block;
  padding: 0px;
  height: 100%;
  width: auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -28px 0px;
}
#menuHeader li a span { 
  display:  block;
  position: absolute;
  top: -200%;
  z-index:0;
}

#menuHeader li a img { 
  display:  block;
  position: relative;
  top: 0px;
  z-index:10;
}

#menuHeader li a:hover img, #menuHeader li a.selected img {
  display:  block;
  position: relative;
  top: -20px;
}

#menuFooter li a{
  color:#2B6B21;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

#btnavfoot	{ top:55px; left:312px;z-index:3;}
#btnav_redfoot_FR { position:absolute; top:0px; left:374px;z-index:4;}
#btnav_redfoot_EN { position:absolute; top:0px; left:364px;z-index:4;}

/* Les #btnavfoot0-7 et #btnav_redfoot0-4 devraient être obsolètes. */
#btnavfoot0	{ top:46px; left:312px;z-index:3;width:54px; height:15px;}
#btnavfoot1	{ top:46px; left:369px;z-index:3;width:70px; height:15px;}
#btnavfoot2	{ top:47px; left:439px;z-index:3;width:39px; height:14px;}
#btnavfoot3	{ top:49px; left:479px;z-index:3;width:44px; height:12px;}
#btnavfoot4 { top:50px; left:524px;z-index:3;width:99px; height:13px;}
#btnavfoot5	{ top:50px; left:625px;z-index:3;width:54px; height:14px;}
#btnavfoot6	{ top:52px; left:679px;z-index:3;width:82px; height:14px;}
#btnavfoot7	{ top:53px; left:761px;z-index:3;width:42px; height:13px;}

#btnav_redfoot0 { top:2px; left:394px;z-index:4;width:90px; height:30px;}
#btnav_redfoot1 { top:2px; left:485px;z-index:4;width:128px; height:30px;}
#btnav_redfoot2	{ top:14px; left:622px;z-index:3;width:74px; height:18px;}
#btnav_redfoot3 { top:16px; left:709px;z-index:3;width:46px; height:17px;}
#btnav_redfoot4	{ top:11px; left:766px;z-index:3;width:90px; height:30px;}

/********************************************
 *
 *  HEADER
 *  
 *********************************************/

#header {
  height: 112px;
  margin-bottom: 40px;
  overflow: visible;
  position:static;
  z-index: 50;
  
  /* BELL STYLE */
  height:120px;
  padding:6px 6px 0;
  position: relative;
  width: 992px;
}

#header_logo, #header_logo_fest {
	width: auto;
	top: 0px;
	left:0px;
	display:block;
	float:left;
}

#header_logo  a {
	display: block;
  height:auto;
  width: auto;
}
#header_logo_fest{
  width: 200px;
  height: 110px;
}

#switch_lang {
	z-index: 3;
	float:left;
	text-transform:lowercase;	
	width: 166px;
	height: 26px;
	display:block;
	margin:5px 0 0 0 
}

#switch_lang a{
	color:#28760e;
}


	/* topNav */
.topNav{position:relative; display:block; float:right; width:238px; margin:17px 4px 0 0;}
.topNav[class]{margin:17px 14px 0 0;}
.topNav li{position:relative; float:left; height:30px; margin:0 16px 0 0; padding:0 18px 0 0; list-style:none; border-right:2px solid #28760e; width:auto;} 
.topNav .last{margin:0; padding:0; border-right:none;} 
.topNav .no{clear:both; width:238px; margin:10px 0 0 0; padding:0; border-right:none; text-align:right;} 
.topNav li a {position:relative; display:block; text-indent:-999999px; cursor:pointer;} 
.topNav.fr  a#topNav02 {background:transparent url(../../imgs/topright_nav/fr/bt_connexion.png) top left no-repeat; width:76px; height:29px;}
.topNav.en a#topNav02 {background:transparent url(../../imgs/topright_nav/en/bt_connexion.png) top left no-repeat; width:71px; height:29px;}
.topNav.fr a#topNav03 {background:transparent url(../../imgs/topright_nav/fr/bt_nousJoindre.png) top left no-repeat; width:33px; height:29px;}
.topNav.en a#topNav03 {background:transparent url(../../imgs/topright_nav/en/bt_nousJoindre.png) top left no-repeat; width:37px; height:29px;}
.topNav.fr a#topNav04 {background:transparent url(../../imgs/topright_nav/fr/bt_lang.png) top left no-repeat; width:37px; height:29px;}
.topNav.en a#topNav04 {background:transparent url(../../imgs/topright_nav/en/bt_lang.png) top left no-repeat; width:43px; height:29px;}

/************************************************************
 *
 *   MENU CORPO
 *  
 ************************************************************ 
*/
#menuCorpo {
  width: 180px;
  float: left;
  
}

#header #menuCorpo{
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  
  -webkit-border-radius: 8px;
  
  background-color: #FFFFFF;
  border: 1px solid #55951a;
  padding: 10px 0px 10px 0px;  
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  z-index: 50;
  width: 140px;
  float: none;
}



#header #menuCorpo li {
  display:block;
  float:left;
  width: 100%;
  height: auto;
  white-space: nowrap;
  padding: 0px 10px 10px 10px;
}
#header #menuCorpo li a {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #55951a;
  width: 100%;
  display: block;
}
#header #menuCorpo li a:hover {
  color: #000000;
}


#header_boutique {
	position: absolute;
	z-index: 3;
	top: 20px;
	left: 692px;
}

#header_portail {
  position:absolute;
	z-index:3;
	margin-left:-62px;
	left:98%; 
}

#ticker_news {
	float: right;
	clear: right;
	width: 285px;
	padding: 37px 160px 0px 0px;
}

#header_login {
	z-index:10;
	top:90px;
	left:624px;
	
	width:220px;
	height:56px;
	text-align:right;
}

/********************************************
 *  CSS header fait par guillaume
 *********************************************/
.header_right{
	float:right;
}

.margintop20px{
	margin-top:-1px;
}

.float-l{
	float:left;
}

.nettoyeur{
	clear:both;
}


/* MENU NAVIGATION */
.btnav		{ position:absolute; overflow:visible}
#btnav1		{ top:35px; left:148px;z-index:3; } 
#btnav2		{ top:36px; left:208px;z-index:3; }
#btnav3 	{ top:31px; left:269px;z-index:3; }
#btnav4		{ top:33px; left:298px;z-index:3; } 
#btnav5		{ top:30px; left:342px;z-index:3; }
#btnav6		{ top:31px; left:382px;z-index:3; }
 
#btnav7		{ top:30px; left:519px;z-index:3; } 
#btnav8 	{ top:28px; left:574px;z-index:3; } 
#btnav9		{ top:29px; left:618px;z-index:3; } 
#btnav10	{ top:28px; left:654px;z-index:3; } 

/* SSNAV MENU ARROW */
#btarrow0	{ display:none;z-index:3;}
#btarrow1	{ top:51px; left:172px;z-index:3;}
#btarrow2	{ top:51px; left:232px;z-index:3;}
#btarrow3	{ top:50px; left:277px;z-index:3;}
#btarrow4	{ top:50px; left:314px;z-index:3;}
#btarrow5	{ top:49px; left:356px;z-index:3;}
#btarrow6	{ top:49px; left:399px;z-index:3;}

#btarrow7	{ top:44px; left:541px;z-index:3;}
#btarrow8	{ top:43px; left:585px;z-index:3;}
#btarrow9	{ top:42px; left:628px;z-index:3;}
#btarrow10	{ top:41px; left:661px;z-index:3;}


#btnav1_EN	{ top:35px; left:148px;z-index:3;} 
#btnav2_EN		{ top:34px; left:212px;z-index:3;}
#btnav3_EN 	  { top:33px; left:315px;z-index:3;}
#btnav4_EN		{ top:32px; left:335px;z-index:3;} 
#btnav5_EN		{ top:32px; left:335px;z-index:3;}
#btnav6_EN		{ top:31px; left:382px;z-index:3;}
 
#btnav7_EN		{ top:30px; left:519px;z-index:3;} 
#btnav8_EN 	  { top:28px; left:574px;z-index:3;} 
#btnav9_EN		{ top:29px; left:618px;z-index:3;} 
#btnav10_EN   { top:27px; left:657px;z-index:3;} 

/* SSNAV MENU ARROW */
#btarrow0_EN	{ display:none;z-index:3;}
#btarrow1_EN	{ top:51px; left:172px;z-index:3;}
#btarrow2_EN	{ top:51px; left:252px;z-index:3;}
#btarrow3_EN	{ top:50px; left:315px;z-index:3;}
#btarrow4_EN	{ top:50px; left:314px;z-index:3;}
#btarrow5_EN	{ top:49px; left:350px;z-index:3;}
#btarrow6_EN	{ top:49px; left:399px;z-index:3;}

#btarrow7_EN	{ top:44px; left:541px;z-index:3;}
#btarrow8_EN	{ top:43px; left:585px;z-index:3;}
#btarrow9_EN	{ top:42px; left:628px;z-index:3;}
#btarrow10_EN	{ top:41px; left:661px;z-index:3;}

/* NAVIGATION */
#btnavfoot0_EN	{ top:46px; left:325px;z-index:3;}
#btnavfoot1_EN	{ top:47px; left:375px;z-index:3;}
#btnavfoot2_EN	{ top:49px; left:436px;z-index:3;}
#btnavfoot3_EN	{ top:49px; left:515px;z-index:3;}
#btnavfoot4_EN  { top:50px; left:560px;z-index:3;}
/*#btnavfoot5_EN	{ top:52px; left:600px;z-index:3;}*/
#btnavfoot6_EN	{ top:51px; left:670px;z-index:3;}
#btnavfoot7_EN	{ top:51px; left:750px;z-index:3;}

#btnav_redfoot5_EN	{ top:3px; left:330px;z-index:3;}
#btnav_redfoot0_EN  { top:2px; left:394px;z-index:4;}
#btnav_redfoot1_EN  { top:6px; left:435px;z-index:4;}
#btnav_redfoot2_EN	{ top:14px; left:540px;z-index:3;}
#btnav_redfoot3_EN  { top:6px; left:620px;z-index:3;}
#btnav_redfoot4_EN	{ top:9px; left:680px;z-index:3;}

/********************************************
 *
 *  HOME
 *  
 *********************************************/

.home_bottom{
  overflow:visible;
}
#home_extras{
  position:absolute;
  top:-300px;
  left: 400px;
  width: 320px;
}
.homeExtra{
  height: 70px;
  padding: 10px;
  background: #FFFFFF;
  color: ;
}
.homeExtra .logo{
  float:left;
  
}
 
/* MAIN COL */
#main_content, .main_content {
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  
  -webkit-border-radius: 8px; 
  
  background-color: #FFFFFF;
  border: 1px solid #55951a;
  margin-bottom: 20px;
  padding: 18px 0px;
  float: left;
  clear: none;
  width: 600px;
  z-index: 0;
  
  min-height: 500px;
  height: auto !important;
  height: 500px;

}



#main_content_tmp_right {
  display: block;
  width: 400px;
  
  padding-top: 400px;
  padding-left:0px;
  margin: 0px 0px 15px 10px;

  height: 700px;
  height/**/:/**/500px;
  min-height: 500px;
  height: auto !important;
}


#main_content_tmp_left {
  display: block;
  width: 200px;
  float:left;
  
  padding-top: 400px;
  padding-left:150px;
  margin: 0px 0px 15px 10px;

  height: 700px;
  height/**/:/**/500px;
  min-height: 500px;
  height: auto !important;
}


.simple_content { 
  display: block;
  width: 600px;

  margin-bottom: 15px;
  height: 600px;
  min-height: 600px;
  height: auto !important;
}

#tele{
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  background:#FFFFFF;
  border:1px solid #55951A;
  margin-bottom:20px;
  padding: 15px 0;
  width:780px;
}



#searchBox {
	width:262px;
	height:415px;
}



.textWrapper{
  padding: 10px 18px 0px 0px;
  /* margin-top: 50px; */
}
#tele .textWrapper{
  padding: 20px;
}


.spectacle_item {

}



/* Right COL SPECIALS */
#bkg_fest_vmjpr {
	position:absolute;
	z-index:4;
		
	top:383px;
	left:650px;
	width:281px;
	height:459px;
	
	padding: 170px 30px 5px 40px;
	
	background-image: url(../../imgs/bkg_fest_vmjpr.gif);
	background-position: top left;
	background-repeat: no-repeat;

}

#bkg_fest_vmjpr2 {
	position:absolute;
	z-index:4;
		
	top:751px;
	left:670px;
	width:230px;
	height:214px;
}

#bkg_fest_plan
{
	position:absolute;
	z-index:4;
		
	top:380px;
	left:650px;
	width:269px;
	height:516px;
	
	padding:200px 30px 5px 50px;
	
	background-image: url(../../imgs/bkg_fest_plan.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#bkg_fest_directjpr {
	position:absolute;
	z-index:4;
		
	top:360px;
	left:650px;
	width:292px;
	height:442px;
	
	padding:70px 30px 5px 40px;
	
	background-image: url(../../imgs/bkg_fest_directjpr.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#bkg_fest_partenaires
{

}

#bkg_fest_accred
{
	position:absolute;
	z-index:4;
		
	top:300px;
	left:670px;
	width:268px;
	height:506px;
	
	padding:146px 30px 5px 40px;
	
	background-image: url(../../imgs/bkg_fest_accred.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/********************************************
 *
 *  MUSEE ...
 *  
 *********************************************/
 
/* MAIN COL */
#musee {
 width : 740px;
}


#bkg_musee {
	position:absolute;
	z-index:4;
		
	top:200px;
	left:700px;
	width:268px;
	height:519px;
	
	padding:250px 5px 5px 40px;
	
	background-image: url(../../imgs/bkg_musee.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#bkg_musee_JPR {
	position:absolute;
	z-index:12;
		
	top:762px;
	left:685px;
	width:230px;
	height:214px;
}

#bkg_musee_victor {
	position:absolute;
	z-index:4;
		
	top:747px;
	left:110px;
	width:223px;
	height:254px;
}

.text_container{
  margin: 40px 20px;
  line-height: 18px;
}

/********************************************
 *
 *  FORM ...
 *  
 *********************************************/
 
/********************************************
 *
 *  EXTRA ...
 *  
 ******************************************@import url(extra.css);***/

/********************************************
 *
 *  SPECTACLE ...
 *  @import url(spectacle.css);
 *********************************************/

/********************************************
 *
 *  FESTHOME ...
 *  @import url(festHome.css);
 *********************************************/

.debug{
  font-size: 9px;
  color:#000000;
}