@import url('../fonts/stylesheet.css');

/* générales */

* {	margin:0;padding:0; }
:focus{outline-style: none;}
html { height: 100%;}
body {
	color: #000000;
	height: 100%;
	overflow:hidden;
	text-align: center;
	font-weight:normal;
	font: 100% 'Lucida Grande', Arial, Helvetica, sans-serif;
	background:#301f0b url('../images/bkg-qf02.jpg') no-repeat fixed center center;position:relative;
    }
.background{ position:fixed;z-index:2;width:100%;height:100%;top:0;left:0;text-align:center;}
.background img { height:100%;margin:0;position:relative; }
#bkgflash{ position:fixed;z-index:1;width:100%;height:100%;top:0;left:0;}


	
h1, h2, h3 { font: 100% Arial, sans-serif;line-height:1;}

h1 {font-size:2em;font-weight:normal;}
h2 {font-size:1.8em;font-weight:normal;}
h3 {font-size:1.1em;font-weight:normal;}
h4 {font-size:1em;font-weight:bold;}
h5 {font-size:1em;font-weight:normal;}

h6 { font-size:0.8em;padding:5px !important;
	/*background:#c9bc92;
	color:#e7dbb3;*/
	margin:0 0 1em 0;display:inline-block;
	text-shadow: 0 0 0 #000; 
	/*-moz-text-shadow: 0 0 0 #000; 
	-webkit-text-shadow: 0 0 0 #000;*/ }
h6 a { /*color:#e7dbb3 !important;*/text-decoration:none !important; }

blockquote { margin-left:1ex; }

a:link, a:visited, a:active {color:#301f0b;text-decoration:underline;font-weight:bold;}
a:hover {text-decoration:none;}
p, li { margin-bottom:1em;line-height:1.5em; }
img { border:0; }

dl, dt, dd { display:inline;position:relative; }
dl { text-decoration:underline;cursor:default; }
dl dd { display:none; }
dl:hover dd { display:block;position:absolute;background:#301f0b;color:#e7dbb3;bottom:1.6em;right:1ex;white-space:nowrap;padding:0.3em;}
small, .small{ font-size:0.8em;margin:-0.5em 0 0.5em 0; }

.croix , .croix2 { width:23px;height:23px;background:#301f0b url('../images/croix.png');position:absolute;top:0;right:0; opacity:0.5;}
.lefto { float:left;padding:0.5em 1ex;position:relative;}
.lefto:hover { background:#c9bc92;}
.margin5 { margin:5px; }
.icopdf { margin:10px 5px 0 0; }




.body2 { position:relative;z-index:1;width:100%;height:100%; }


#chargement{ background:#e7dbb3 url('../images/loading.gif') no-repeat scroll center center;position:absolute;width:100%;height:100%;z-index:9999;top:0;left:0; }
#page {
	text-align: left;
	height:100%;
	position:relative;
	
}
#global  {
	position: relative;
	margin: 0 auto;
	width: 0;
    }


#titre { text-align:left;padding:6px 8px;background:#fff331;}
#titre h1 {  }
#titre p { font-size:0.6em;margin:0;}

#menu { position:absolute;z-index:299;width:270px; }
.boxin {top:7em;left:-270px;}
.boxout {top:7em;left:0;}
#toggle { width:80px;height:80px;position:absolute;right:-80px;top:0;z-index:200;cursor:pointer;display:block; }
.toggleout { background: url('../images/flch-h-b.png') no-repeat scroll right top; }
.togglein { background: url('../images/flch-h-b.png') no-repeat scroll left top; }

#menu ul { text-align:left;background:#301f0b url('../images/bkg.png') repeat fixed left top; }
#menu ul li { font-size:0.8em;list-style-type:none;margin:0;display:block;white-space:nowrap;}
#menu ul li small{font-size:0.4em;background:#a00;padding:1px 3px;font-weight:bold;}
#menu ul li span{ text-transform:none; }
#menu ul li:hover {  }
#menu ul li a{ color:#fff331;font-weight:normal;text-decoration:none;padding:6px 8px;display:block; }
#menu ul li a:hover{ background:#432c12; }

   
.menu-expos { 
	width:170px;
	height:250px;
	position:absolute;
	bottom:30px;
	left:40px;
	background:url('../images/bkg-menu-expos.png') no-repeat scroll 0px top;
	z-index:3;
	overflow:hidden;
}
.menu-expos ul { list-style:none;margin:0; }
.menu-expos ul li { margin:0; }

.menu-expos a { text-indent:-999px;width:100%;display:block; }
.menu-expos .expos{ height:64px;text-indent:-999px; }
.menu-expos .creed{  height:48px; }
.menu-expos .cri{ height:42px; }
.menu-expos .serie{ height:78px; }


.menu-evts { 
	width:150px;
	height:140px;
	position:absolute;
	bottom:70px;
	right:40px;
	z-index:4;
	overflow:hidden;
}
.menu-evts div { width:150px;position:absolute;left:-150px; }
.menu-evts ul { list-style:none;margin:0; }
.menu-evts ul li { margin:0; }
.menu-evts  ul li a { text-indent:-999px;width:100%;display:block;width:150px; }
.menu-evts .fanz { height:82px;background:url('../images/bkg-menu-evts.png') no-repeat scroll left 0px; }
.menu-evts .perf { height:58px;background:url('../images/bkg-menu-evts.png') no-repeat scroll left -82px; }	
	

	
	
	


/* balises contenu */
#drag, #drag2, #drag3, #drag4, #drag5, #drag6, #drag-expo1 , #drag-expo2,  #drag-villemolle,  #drag-expo3,  #drag-evt1,  #drag-evt2  { 
	position: absolute;
	top: 7em;
	 }
.fondu { 
	text-shadow: 1px 1px 0 #f8eecc; 
	/*-moz-text-shadow: 1px 1px 0 #f8eecc; 
	-webkit-text-shadow: 1px 1px 0 #f8eecc; */
 }
.content { 
font-size:0.9em;
background:#e7dbb3;/*background:url('../images/bkg-encart.png') no-repeat scroll center center;*/
color:#301f0b;
 }
.content p,.content li { font-size:0.8em; }
.content h2{ line-height:1; }
.content h3,.content h4,.content h5,.content h6 { padding:0.8em 0 0.5em 0; } 
.content h2 { margin:10px 0; }
.content iframe { position:absolute;bottom:-18px;left:0; }

.drag-imgs { position:absolute;z-index:-1; }
#handle { cursor:move; }
.jScrollPaneContainer { }
.off {display: none;}
.on {display: block !important;}


  /************************/
 /* contenu par Rubrique */
/************************/
	
/* balise Programme */
.programme { width:400px;left:0; z-index:101;}
#page #global .programme .drag-imgs{ left:-400px;width:400px;height:400px;}
#page #global .programme .drag-imgs .cont{ position:absolute;width:100%;top:60px;text-align:center;}
#page #global .programme .drag-imgs .cont p{ font-size:1.2em;line-height:2em;}
#page #global .programme .drag-imgs .cont p span{ font-size:1.6em;}
#page #global .programme .drag-imgs .cont p span span{ font-size:1em;}
#page #global .programme .content { padding:1em 7px 1em 15px;}

#page #global .programme .content .jScrollPaneContainer { }
#holder-prog { cursor:text;height:249px;}
#holder-prog ul {list-style-type:disc;}
#holder-prog li { margin:0.5em 0 0 3ex;}

/* pop-expo1 */
#page #global .pop-expo1 { width:400px;left:0;z-index:102;text-align:left;}
#page #global .pop-expo1 .drag-imgs{ left:-400px;width:400px;height:400px;}
#page #global .pop-expo1 .croix { }
#page #global .pop-expo1 .content { padding:1em 7px 1em 15px;}
#page #global .pop-expo1 .content a{ }
#page #global .pop-expo1 .content  h2{ }
#page #global .pop-expo1 .content  .jScrollPaneContainer{  }
#holder-pop-expo1 { height:240px;cursor:text; }

/* pop-expo2 : Cahiers dans la expo2 */
#page #global .pop-expo2 { width:400px;left:0;z-index:103;text-align:left;}
#page #global .pop-expo2 .drag-imgs{ left:-400px;width:400px;height:400px;}
#page #global .pop-expo2 .content { padding:1em 7px 1em 15px; }
#page #global .pop-expo2 .content  h2{  }
#page #global .pop-expo2 .content  .jScrollPaneContainer{  }
#holder-pop-expo2 { height:240px;cursor:text; }


/* pop-expo3 : tetedemort */
#page #global .pop-expo3 { width:400px;left:0;z-index:104;text-align:left;}
#page #global .pop-expo3 .drag-imgs{ left:-400px;width:400px;height:400px;}
#page #global .pop-expo3 .content { padding:1em 7px 1em 15px; }
#page #global .pop-expo3 .content  h2{  }
#page #global .pop-expo3 .content  h4{ }
#page #global .pop-expo3 .content  .jScrollPaneContainer{  }
#holder-pop-expo3 { height:278px; }

/* pop-evt1 */
#page #global .pop-evt1 { width:400px;left:0;z-index:105;text-align:left;}
#page #global .pop-evt1 .drag-imgs{ left:-400px;width:400px;height:400px;}
#page #global .pop-evt1 .content { padding:1em 7px 1em 15px; }
#page #global .pop-evt1 .content  h4{ margin:0 0 0.5em 0;}
#page #global .pop-evt1 .content .jScrollPaneContainer{  }
#page #global .pop-evt1 .content .jScrollPaneContainer p { }
#page #global .pop-evt1 .content .jScrollPaneContainer ul {list-style-type:disc;margin:0 0 1em 0;}
#page #global .pop-evt1 .content .jScrollPaneContainer ol {margin:0 0 1em 0;}
#page #global .pop-evt1 .content .jScrollPaneContainer li { margin:0.5em 10px 0 3ex;}
#holder-pop-evt1 { height:246px;cursor:text; }


/* pop-evt2 */
#page #global .pop-evt2 { width:400px;left:0;z-index:106;text-align:left;}
#page #global .pop-evt2 .drag-imgs{ left:-400px;width:400px;height:400px;}
#page #global .pop-evt2 .ramen { width:220px;height:150px;display:block;position:absolute;bottom:-40px;left:-110px;background:url('../images/ramen-matos.png') no-repeat scroll left top;z-index:112; }
#page #global .pop-evt2 .content { padding:1em 7px 1em 15px; }
#page #global .pop-evt2 .content  .jScrollPaneContainer{  }
#holder-pop-evt2 { height:287px;cursor:text; }
#holder-pop-evt2 p { }
#holder-pop-evt2 ul {list-style-type:disc;}
#holder-pop-evt2 li { margin:0.5em 10px 0 3ex;}

/* balise Concert */
#page #global .concert { width:400px;height:400px;position:absolute;left:-200px;top: 7em;background:#e7dbb3;z-index:111;overflow:hidden;background:url('../concert-exoset.jpg') no-repeat scroll top left; }	
#page #global .concert h2, #page #global .concert h3 { text-indent:-1000px; }
#page #global .concert object { position:absolute;bottom:90px;left:35px; }
#page #global .concert div { position:absolute;bottom:10px;right:10px; }

/* balise Accès */
#page #global .acces { width:400px;left:0; z-index: 107;}
#page #global .acces .drag-imgs{ background: #eee;left:-400px;width:400px;height:400px;}
#page #global .acces .content { padding:1em 7px 1em 15px}
#page #global .acces .content h2{ }
#page #global .acces .content .jScrollPaneContainer {  }
#holder-acces { height:325px;cursor:text; }
#holder-acces  p, #holder-acces  h4{ line-height:1.3em;margin-left:90px;}

#holder-acces  .lieu { position:relative;clear:both;margin:1em 0 0 0; }
#holder-acces  .lieu img{ float:left;margin:1em 0 0 0; }



#page #global .acces .drag-imgs iframe{ width:400px;height:400px;background :#eee; }


/* balise Partenaires */
#page #global .partenaires { width:800px;left:-400px;z-index: 108;font-size:1em;color:#301f0b;}
#page #global .partenaires .drag-imgs{ padding:15px;background:#c9bc92;}
#page #global .partenaires .drag-imgs .cont{ margin:0;text-align:center;}
#page #global .partenaires .drag-imgs  h2{ margin:0 0 1em 0; }
#page #global .partenaires .drag-imgs  ul li { list-style:none;display:block;margin:0 20px 2em 20px;float:left; }
#page #global .partenaires .content { padding:1em 7px 1em 15px;}
#page #global .partenaires .content .jScrollPaneContainer {  }
#holder-partner { height:375px;cursor:text; }



/* balise Association */
#page #global .asso { width:400px; left:0; z-index: 109;}
#page #global .asso .drag-imgs{ background:url('../images/illus-qf.jpg') no-repeat scroll left top;;left:-400px;width:400px;height:400px;}
#page #global .asso .content { padding:1em 7px 1em 15px; }
#page #global .asso .content h2{  }
#page #global .asso .content .jScrollPaneContainer {  }
#holder-asso { cursor:text; }


/* balise Contact */
#page #global .contact { width:400px;left:0;z-index: 110;}
#page #global .contact .drag-imgs{ background:url('../images/illus-contact.jpg') no-repeat scroll left top;left:-400px;width:400px;left:-400px;width:400px;height:400px;}
#page #global .contact .content { padding:1em 7px 1em 15px;}
#page #global .contact .content h2{ }
#page #global .contact .content .jScrollPaneContainer {  }
#holder-contact { cursor:text;}

/* balise Archives */
#page #global .archives{ width:400px;left:0;z-index: 112;}
#page #global .archives .drag-imgs{left:-400px;width:400px;height:324px;}
#page #global .archives .content { padding:1em 7px 1em 15px; }
#page #global .archives .content h2{ }
#page #global .archives .content .jScrollPaneContainer {  }
#holder-archives { height:282px;cursor:text; }
#holder-archives #thumbs {  }
#holder-archives ul {list-style-type:disc;}
#holder-archives li { margin:0.5em 0 0 3ex;}

.menu-archives { list-style:none;border-bottom:solid 1px #c9bc92;height:1.5em;}
.menu-archives li { float:left;margin:0;line-height:1em;background:#c9bc92;padding:5px;cursor:pointer; }
.menu-archives li:hover {  }
li.selected { background:#e7dbb3;border:solid 1px #c9bc92;border-bottom:solid 1px #e7dbb3; }
.bold { font-weight:bold; }
.hide { display:none; }
.show { display:block; }

/* balise live */
#page #global .live{ width:480px;height:285px;left:-240px;top:7em;z-index: 113;position:absolute;display:block;}
#page #global .live p iframe{ z-index: 113;position:relative; }
#page #global .live h2 { padding:0 7px; }
#page #global .live iframe { position:absolute;bottom:-18px;left:0; }



/* balise menu-top */
.menu-top {
	position:absolute;
	z-index:29;width:100%;left:0;top:0;height:80px;overflow:hidden;
	background:url('../images/bkg-racle.png') repeat-x scroll center top;
	white-space:nowrap;text-align:center;
}
.menu-top a  { margin:0 1ex; }
.menu-top a:hover {  }



/* balise Reset */
#reset-menu { position:relative;float:left;left:1em;top:1em; }
#reset-menu:hover {  }
a#reset-menu  {  }

/* balise flash on/off */
#reset-troyes { position:absolute;right:1em;top:1em;width:40px;height:40px;}

/* balise prog-menu */
#prog-menu { }
#prog-menu:hover {  }
a#prog-menu { color:#000; }

/* balise acces-menu */
#acces-menu {  }
#acces-menu:hover {  }
a#acces-menu { color:#000; }

/* balise partner-menu */
#partner-menu { }
#partner-menu:hover {  }
a#partner-menu { color:#000; }

/* balise Contact-menu */
#contact-menu{  }
a#contact-menu { color:#000; }
#contact-menu:hover {  }

/* balise Asso-menu */
#asso-menu{ }
a#asso-menu { color:#fff; }
#asso-menu:hover {  }

/* balise Archives */
#archives-menu{  }
a#archives-menu {  }
#archives-menu:hover {  }


/* balise menu-bottom */
.menu-bottom {
	position:absolute;
	bottom:0;
	left:7%;
	right:7%;
	z-index:98;
}