@import url(../css/core-ini.css);
@import url(../css/fck.css);

a:link, a:visited{color:#CE2122;}
a:hover{text-decoration:underline;}

body{
  background:url('img/bg.gif') repeat top center;
  text-align:center;
  color:#000;
}
#ww-body-all{
  width:754px;
  position:relative;
  margin:0 auto;
  text-align:left;
  overflow:hidden;
  zoom:1;
}

#ww-body-content{
  background:#FFF url('img/bg-body.gif') no-repeat bottom left;
  margin:0 auto;
  clear:both;
  overflow:hidden;
  zoom:1;
  padding:0 7px 20px 7px;
  width:746px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 732px; /*IE6.0*/
  _width: 732px; 
}


/*    H      */
h2 span{
  width:100%;
  display:block;
  position:absolute;
  left:0px; /* == text-indent for h2 */
  bottom:0;
  height:25px;
}
h2#edito span{ background:url('img/h2-edito.gif') no-repeat center left;}
h2#spectacle span{background:url('img/h2-spectacle.gif') no-repeat center left;}
h2#troop span{background:url('img/h2-troop.gif') no-repeat center left;}
h2#place span{background:url('img/h2-lieu.gif') no-repeat center left;}
h2#press span{background:url('img/h2-press.gif') no-repeat center left;}

.blank h2#page-title{
  margin-left:40%;
  margin-top:-30px;
  margin-bottom:10px;
  text-align:left;
}
#page-gallerie h2#page-title span{background:url('img/h2-gallery.gif') no-repeat center left;}
#page-members h2#page-title span{background:url('img/h2-foundatores.gif') no-repeat center left;}

/* *************************************************************************** */
/*  HEADER    */
#logo{
  position:absolute;
  left: 0;
  top:0
}
h1{
  height:67px;
  text-align:left;
  color:#FFF;
  font-size:12px;
  background:transparent url('img/img-masks.gif') no-repeat bottom right;
}
#ww-main-menu{
  position:absolute;
  left: 100px;
  top:40px;
  clear:both;
  display:table;
}
#ww-main-menu li, #ww-main-menu a:link, #ww-main-menu a:visited{
  float:left;
  display:block;
  height:27px;
  position:relative;
  font-size:10px;
}
#ww-main-menu li{
  padding-right:10px;
  margin:0 2px;
  background:transparent url('img/menu-bg-right.gif') no-repeat bottom right;
}
#ww-main-menu a:link, #ww-main-menu a:visited{
  padding-left:10px;
  vertical-align:middle;
  display:table-cell;
  padding-top:7px;
  height:20px;
  background:transparent url('img/menu-bg-left.gif') no-repeat bottom left;
  color:#FFF;
  font-family:Arial;
  font-size:11px;
  text-transform:uppercase;
}
#ww-main-menu a:hover{
  text-decoration:underline;
}
#ww-main-menu li.active{
  background:transparent url('img/menu-bg-right-active.gif') no-repeat bottom right;
}
#ww-main-menu li.active a:link, #ww-main-menu li.active a:visited{
  color:#000;
  background:transparent url('img/menu-bg-left-active.gif') no-repeat bottom left;  
}



#ww-edito{
  background:#000 url('img/bg-alaffiche.gif') no-repeat top right;
  font-family:Verdana;
  color:#FFF;
  width:99%;
  margin:0 auto;
  overflow:hidden;
}
#ww-top-img{
  float:left
}
#edito-top{
  color:#E2E2E2;
  padding:10px;
  font-size:9px;
}
#edito-text{
  float:right;
  width:290px;
  margin:130px 0 0 0;
}
.edito-intro{
  font-family:Verdana;
  font-size:10px;
}
/* ******************************************************************************** */
/* BODY   */

dl#menu{
  height:58px;
  background-color:#FFF;
  font-family:Arial;
  font-size:11px;
  text-transform:uppercase;
  overflow:hidden;
/*  width:100%;*/
}
#menu dt, #menu dd{float:left}
dl#menu dd{padding-left:15px; margin:0 2px; background:url('img/menu1-bg.gif') no-repeat left bottom;}
dl#menu dd span{padding:8px 15px 8px 0; display:block;background:url('img/menu1-bg.gif') no-repeat right center;}

dl.home dd{ background:url('img/menu-arrow.gif') no-repeat left center!important; display:block;}
dl.home dd span{padding:14px 5px 12px 0!important; background:none!important;}
dl.home, dl.home a:link, dl.home a:visited{
  font-weight:bold;
}
dl#menu dd.active{ background:url('img/menu1-bg-active.gif') no-repeat left center;}
dl#menu dd.active span{font-weight:bold;padding-top:25px; background:url('img/menu1-bg-active.gif') no-repeat right center}
dl#menu dd.active, dl#menu dd.active a:link, dl#menu dd.active a:visited{color:#FFF;}



/* ***************************************************** */
/*  Sponsors   */
#ww-sponsors{
  background:white url('img/bg-sponsors.gif') no-repeat bottom center;
  padding:0 0 10px 0;
  width:99%;
  margin:10px auto;
  text-align:center;
}
#ww-sponsors div{
  padding:10px 20px 0 20px;
  background:white url('img/bg-sponsors.gif') no-repeat top center;
}
#ww-sponsors IMG{
  margin:0 20px;
}

#ww-quote{
  color:#FFF;
  font-family:Verdana;
  font-size:14px;
  padding:10px;
  clear:both;
}


/* ---------------------------------------------------------------------------------------- 
 CONTENT Elements           */

#search{
  background:#FFF url('img/bg-search.gif') no-repeat center left;
  overflow:hidden;
  zoom:1;
  color:#000;
  font-family: 'Trebuchet MS';
  font-size:9px;
  padding:0;
  margin:10px 0;
  text-align:center;
/*  width:98%;*/
/*  float:left;*/
  clear:both!important;
  position:relative;
/*  height:60px;
/*  _height:60px;*/
}
#search label{float:left; padding:0 2px; text-transform:uppercase; letter-spacing:1px; text-align:left; font-weight:normal;}
#search label input, #search label select{clear:left; display:block; float:left; border:1px solid #000; width:150px; font-size:9px; margin:0; color:#000; font-family:Verdana;font-weight:bold!important; padding:0px 0;}
#sr_date_from{width:65px!important;}
#search  input{margin:8px 3px 2px 5px ;float:left;}
#search label.date span{clear:both!imporant; display:block; text-transform:lowercase;  font-family : Verdana; letter-spacing:0px;}
#search label.date span input{display:inline;float:none;}
#search fieldset{padding:0px 10px 10px 0; clear:both; overflow:hidden; zoom:1;
  margin-left:15px;
  _margin-left:10px;
}
#prochainement{width:135px; height:17px;  position:relative; left:0; top:0;display:block;}
#prochainement span{display:block; width:135px; height:17px;
position:absolute;
left:0;
top:0;
background:transparent url('img/img-prochainement.gif') no-repeat left top}


/* ---------------------------- */
#shows-photo{
  clear:left;
  float:left;
  width:109px!important;
  margin:15px 0;
  overflow:hidden;
  background-color:#231F20;
}
#shows-photo img{
  float:left;
  display:block;
}
#site-filters{overflow:hidden; zoom:1; width:100%; clear:both;}
table.tablesorter thead{display:none;}
#site-filters .tablesorter{
/*  padding:15px 0;*/
  overflow:hidden; zoom:1;
}
#site-filters .tablesorter td {
  padding:2px 10px;
}
#site-filters span.date{
  color:#5C5C5C;
}
#site-filters span.place, #site-filters span.place * {
  color:#B60010;
}
#site-filters span.manifest, #site-filters span.manifest * {
  color:#F7323C;
}
#site-filters a.plus:link, #site-filters a.plus:visited{
  color:#7C695A;
}

/*| Spectacles | Troupes | Lieux | Dates | Archives |
.shows-issues{
  border-left:1px solid #000;
  float:right;
  clear:both;
  margin:5px 10px;
}
.shows-issues li{
  float:left;
  display:block;
  border-right:1px solid #000;
  padding:0 5px;
  line-height: 1em;
}
.shows-issues a:link, .shows-issues a:visited{ color:#000; font-weight:bold;}
*/

.login-form fieldset{
  text-align:right;
  border:0px solid blue;
  position:relative;
}


/* Login Form */
.login-form{  width:320px;margin:20px 0 50px 0}
.login-form input, .login-form select{width:100px;height:18px;}
.login-form label{float:right;clear:both;display:block;margin:2px 0; font-size:13px; letter-spacing:1px; width:100%}
.login-form input.but{margin-right:60px; margin-top:3px; width:auto;}
.login-form p.marker{ float:right; display:block; clear:both;margin-right:0}
.login-form p.marker a:link, .login-form p.marker a:visited{background:url('img/marker-romb-header.gif') no-repeat center left;}
.login-form h2 {height:30px}



/**/
#groups{
  background-color:#F5F5F5;
  clear:both!important;
  margin:10px -8px;
  /*
  width:104%;
  _width:102%;
  */
/*  padding:3px 5px;*/
  zoom:1;
  overflow:hidden;
  
}
#groups fieldset{
  position:relative;
  float:left;
  margin-left:5px;
  _margin-left:3px;
  $padding-top:15px;
  _padding-top:5px;
}
#groups fieldset legend{
  position: absolute;
  top:0;
  left:0;
  margin:0;
  height:20px;
  padding-left:15px;
}
#groups fieldset legend span{
  position:absolute;
  top:-10px; 
  _top:0;
  left:15px;
  height:20px;
  width:160px;
}
*+html #groups fieldset legend span{  top:0px;}
#groups a:link, #groups a:visited{color:#000; font-weight:bold;}
#groups div, #groups dl{
  padding:15px 10px 10px 10px;
  _padding-top:25px;
}
.presentation{background-color:#FFF!important;}

#places-spectacles{
  width:555px;
  background: url('img/group-bg.gif') no-repeat left top;
  _height:190px;
  min-height:190px;
}
#places-spectacles legend{
  padding-left:240px!important;
}
#places-spectacles legend span{
  left:240px!important;
  background: url('img/h3-places-spectacles.gif') no-repeat center left;
}

#places-spectacles dl{
  min-height:150px;
}
#places-spectacles dd{
  margin-left: 280px;
  _margin-left: 285px;
  padding-left:5px;
  border-left:1px solid #EEE;
}
#places-spectacles dt{
  float:left;
  width:280px;
  display:block;
  clear:left;
}
  /*   --------  */ 
.gallerie{
/*  float:left;*/
  zoom:1;
  overflow:hidden;
  width:176px!important;
/*  margin-right:5px;*/
  background: url('img/group-bg-galerie.gif') no-repeat left top;
}
.gallerie legend{
  width:auto!important;
/*  margin-bottom:5px;*/
}
.gallerie div{padding-left:5px!important; padding-right:0!important; padding-bottom:25px!important;
  background: url('img/group-bg-galerie-bottom.gif') no-repeat left bottom;
  position:relative;
  top:0px;
  left:0;
}
.gallerie div p{
  zoom:1;
  overflow:hidden;
  width:100%;
  clear:both;
  background-color:#231F20;
}
.gallerie legend span{
  background:url('img/h3-gallerie.gif') no-repeat top left;
}
#groups a.plus:link, #groups a.plus:visited{color:#766960!important; font-weight:normal!important;  padding:0 5px!important; display:block!imporant; clear:both!important; line-height:15px; position:absolute; right:0}
/* For page Spectacles */
#p-spectacle{
  width:345px!important;
  background: url('img/group-bg-galerie-long.gif') no-repeat left top;
}
#p-spectacle div{
  padding-bottom:0px;
/*  margin-left:4px;*/
  background:none;
}
#p-spectacle div p{
  background:#231F20!important;
}
/* Block Troups */
#troops legend span{
  background:url('img/h3-troops.gif') no-repeat top left;
}
#troops{
  float:left;
  width:198px;
  background: url('img/group-bg-troupes.gif') no-repeat left top;
}
#troops dl{
  min-height:80px;
  _height:85px;
}



/* Block Spectacles  */
#spectacles legend span{
  background:url('img/h3-spectacles.gif') no-repeat top left;
}
#spectacles{
  float:left;
  width:198px;
  min-height:130px;
  _height:130px;
  background: url('img/group-bg-troupes.gif') no-repeat left top;
}
#spectacles dl{
  min-height:85px;
  _height:90px;
}


/* Block Archives */
#archives legend{
/*  width:100px!important;*/
}
#archives legend span{
  background:url('img/h3-archives.gif') no-repeat top left;
}
#archives{
  width:190px!important;
  padding:0!important;
  zoom:1;
  background: url('img/group-bg-archives.gif') no-repeat left top;
}
#archives dl{
  min-height:80px;
  _height:85px;
}
#archives a:link, #archives a:visited{color:#B7071C; font-weight:normal}
#archives span.date{color:#606060; font-weight:bold;}

/* Block History */
#history{
  width:425px;
  background: url('img/group-bg-history.gif') no-repeat left top;
}
#history legend span{
  background:url('img/h3-history.gif') no-repeat top left;
}

/* Block Foundatores */
#foundatores{
  width:311px;
  background: url('img/group-bg-foundatores.gif') no-repeat left top;
}
#foundatores legend span{
  background:url('img/h3-foundatores.gif') no-repeat top left;
}
#foundatores div{ margin:0; zoom:1; overflow:hidden;}
#foundatores div#shows-photo, #foundatores ul.shows-list{
  padding:0!important;
  margin:0!important;
  float:left;
}
#foundatores ul.shows-list li{
  padding:2px 5px;
}

/* Block Press Reviews */
#review-press{
  width:416px;
  background: url('img/group-bg-review.gif') no-repeat left top;
}
#review-press legend span{
  background:url('img/h3-review.gif') no-repeat top left;
}
#review-press dl{ margin:0; zoom:1; overflow:hidden;}
#review-press dd{padding: 0 0 5px 0;}
#review-press dd p{color:#EF2F3C; padding-bottom:5px}
#review-press span.date{color:#878787}


/* Block Communiques */
#communiques{
  width:320px;
  margin-left:0!important;
  background: url('img/group-bg-communiques.gif') no-repeat left top;
}
#communiques legend span{
  background:url('img/h3-communiques.gif') no-repeat top left;
}
#communiques dl{ padding-left:20px; min-height:325px;_height:330px; margin:0; zoom:1; overflow:hidden;}
#communiques dt a:link, #communiques dt a:visited{color:#C82321; text-decoration:underline;}
#communiques dt a:hover{text-decoration:none;}
#communiques dt span.date{color:#858585;}
#communiques dd{
  padding-left:75px;
  padding-bottom:15px;
}
#communiques dd span.file{color:#EF2F3C;}




/* Page Popup Context BLANK.TPL.PHP ---------------------------------------------- */
.blank #ww-body-all{
  width:560px;
  padding:0!important;
}
.blank #ww-body-content{
  padding:0!important;
  margin:0!important;
  width:100%;
  background:#FFF url('img/bg-body.gif') no-repeat bottom right;
}
.blank #ww-body-content #ww-content{
  zoom:1;
  overflow:hidden;
  position:relative;
  margin-right:10px;
  padding:5px;
  background:#FFF url('img/bg-body.gif') no-repeat bottom left;
}

.blank #content{
  padding:10px;
  min-height:400px;
  _height:400px;
  overflow:auto; zoom:1;
  background:#FFF url('img/bg-body-gallery.gif') no-repeat top left;
}
.blank DIV.position-left{
  float:left;
}
.blank #content #description{
  width:310px;
  padding:0 15px;
}
/* -------------------------------------------------------------------------------- */
/* Page-popup Gallerie ----------- */
#view-gallerie{zoom:1; overflow:hidden; margin:0 auto;
}
#view-gallerie img{
  margin:5px;
  vertical-align:top;
}
/* Page Foundator --------- */
#foundator-info{
  text-align:right;
  padding:0 5px;
}
#foundator-info h2{
  clear:both;
  width:auto!important;
  display:inline;
  color:#BD0000;
  font-size:14px;
  font-family:Verdana;
  height:1.2em;
  line-height:1.2em;
}
#foundator-info #functions{
  color:#F7343C;
}
#foundator-description{
  padding:0 0 0 5px;
/*
  max-width:auto;
  min-width:250px;
  _margin-left:auto;
  min-height:200px;
  _height:200px;
  float:right;
*/
  background:url('img/bg-foundatore.gif') no-repeat left top;
}
#foundator-description-end{
  padding:10px 20px 10px 10px;
  min-height:200px;
  -height:200px;
  background: url('img/bg-foundatore.gif') no-repeat right top;
}





/* -------------------------------------------------------------------- */
.cleaner{width:100%; clear:both; height:1px; line-height:1px;}
/*  Text Styles  */
.comments{color:#999999}
.pages, .pages a:link, .pages a:visited{
  color:#7A685A!important;
}
.pages{padding:20px}
.pages a:link, .pages a:visited{text-decoration:underline; font-size:8px;}
.pages a:hover{  text-decoration:none;}
.pages span{font-weight:bold;}

#icon-close{position:absolute; right:1px; top:5px}
#reset{
  width:68px;
  height:25px;
  line-height:20px;
  border:0;
  color:#FFF;
  text-transform:uppercase;
  background:url(img/but-bg.gif);
  font-size:10px;
}

/* ------------ reload effect --------------*/
.overlay{
/*        display:none;*/
        position: absolute;
        top:333px;
        z-index: 100;
        background:#FFF url('img/ajax-loader.gif') no-repeat 50% 22%;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        width:98%;
        height:100%;
}
/* ------------ / reload effect --------------*/
.fck{overflow:hidden; zoom:1;}