/*
Theme Name: Ososphere 2009
Theme URI: http://www.ososphere.org/
Description: Theme "OSOSPHERE"
Version: b0.1
Author: Advisa
Author URI: http://www.advisa.fr
Text Domain: OSOSPHERE

	OSOSPHERE b0.1
*/
@import url(copyright-html-advisa/css/copyright-advisa.css);
/* ---- HTML --- */
body {
  font-family: Georgia, 'Times New Roman', sans-serif;
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #5F6062 url(images/common/tile_BG.jpg) top center;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border: none;
  margin: 0;
  padding: 0;
}
table td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

/* ---- ZONES DU DOC --- */
#fatalbg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0px;	
	left: 0px;
}
#page {
  position: relative;
  z-index: 10;
  width: 960px;
  margin: 0 auto;
}
    /* ---- 1.1 header --- */
        #headerimg {
          float: left;
        }
        #headerimg h1 {
          padding: 0;
          margin: 0;
        }
        #mainNav {
          float: left;
          height: 125px;
          width: 456px;
          padding: 20px 0 0 10px;
          background: url(images/navigation/bg_main_nav.png) repeat-x top left;
        }
            #mainNav ul {
              list-style-type: none;
            }
            #mainNav ul li {
            }
            a.main_nav_bt:hover {
              background: #000;
              display: block;
            }
            
    /* ---- 1.2 contenu --- */
        #content {
          float: left;
          width: 713px;
        }
            .lastNews {
              float: left;
            }
            
            #newsPad {
              width: 474px;
              height: 81px;
              float: left;
              background: url(images/common/bg_news.png) no-repeat top left;
            }
                #newsPad ul {
                  list-style-type: none;
                  margin: 0;
                  padding: 0;
                  font-size: 10px;
                  font-weight: normal;
                  color: #FFF;
                  padding: 7px 0 0 14px;
                }
            
            /* ---- 1.2.1 home --- */
                .programme {
                  padding: 0 0 0 8px;
                  float: left;
                }
                .programme a,
                .expositions a{
                    color: #FFF;
                    padding: 0 3px 0 3px;
                }
                .programme a:hover,
                .expositions a:hover {
                    background: #999;
                }
                .programme a.bt_prog,
                .expositions a.bt_prog {
                  margin: 0;
                  padding: 0;
                }
                .programme a.bt_prog:hover,
                .expositions a.bt_prog:hover {
                    background: none;
                }
                .programme h2,
                .programme h3,
                .expositions h2,
                .expositions h3 {
                  margin: 0;
                  padding: 0;
                }
                .vendredi_25 {
                  float: left;
                  width: 221px;
                  padding: 0 0 8px 8px;
                  background: url(images/contenu/bg_cols.png) top left;
                  color: #FFF;
                  font-size: 12px;
                  /*letter-spacing: 0.2em;*/
                }
                    
                .samedi_26 {
                  float: left;
                  width: 221px;
                  padding: 0 8px 8px 8px;
                  background: url(images/contenu/bg_cols.png) top left;
                  color: #FFF;
                  font-size: 12px;
                  /*letter-spacing: 0.2em;*/

                }
                
                .inner-expos {
                  color: #FFF;
                  font-size: 12px;
                  /*letter-spacing: 0.2em;*/
                }
                
                .programme p {
                  margin: 0;
                  padding: 0;
                  text-align: justify;
                  
                }
                .programme ul li {
                  float: left;
                  
                }
                
                .expositions {
                  float: left;
                  margin: 0 0 0 8px;
                  width: 229px;
                  
                }
                .inner-expos {
                    color: #FFF;
                    font-size: 12px;
                    padding: 0 8px 8px 8px;
                    background: url(images/contenu/bg_cols.png) top left;
                }
            /* ---- 1.2.1 home --- */
                .programmeInline {
                  padding: 0 0 0 9px;
                  position: relative;
                }
                .tabHeader {
                    height: 88px;
                    margin: 0px;
                    padding: 0px;
                }
                .tabHeader img {
                    float: left;
                }/**/
                .tabData {
                    background: url(images/contenu/bg_cols.png) top left;
                    width: 703px;
                    margin: 0 0 1px 0;
                }
                .tabData td,
                .tabHeader td {
                    vertical-align: top;
                }
                    .locationName {
                        padding: 30px 0 0 10px;
                        width: 227px;
                    }
                    .data {
                        padding: 30px 0 20px 10px;
                        width: 466px;
                        font-size: 12px;
                        color: #FFF;
                    }
                    .start {
                        width: 62px;
                        text-align: center;
                        background: url(images/programme/bg_start.png) no-repeat top left;
                    }
                    .end {
                        width: 63px;
                        text-align: center;
                        background: url(images/programme/bg_end.png) no-repeat top left;
                    }
                    .projet {
                        width: 185px;
                        text-align: center;
                        background: #666;
                        line-height: 17px;
                        margin: 0 0 5px 0;
                    }
                    .bandName a.bandLink {
                      margin: 0 0 5px 0;
                      display: block;
                      width: 224px;
                      height: 17px;
                      line-height: 17px;
                      padding: 0 0 0 5px;
                      background: url(images/programme/band_off.png) top left;
                      color: #FFF;
                    }
                    .bandName a.bandLink:hover {
                      background: url(images/programme/band_on.png) top left;
                      color: #000;
                    }
                    td.spacer {
                      height: 5px;
                    }
                    .expoName a.expoLink {
                      margin: 0 0 5px 0;
                      display: block;
                      width: 224px;
                      line-height: 17px;
                      padding: 0 0 0 5px;
                      background: url(images/programme/expo_off.png) top left;
                      color: #FFF;
                    }
                    .expoName a.expoLink:hover {
                      background: url(images/programme/expo_on.png) top left;
                      color: #000;
                    }
                    .tabBts {
                        margin: -1px 0 8px 0;
                    }
                    td.type strong {
                      background: #FFF;
                      color: #000;
                      line-height:17px;
                      display: block;
                      width: 82px;
                      padding: 0 4px 0 4px;
                      
                    }
                    td.type {
                      padding: 0 0 0 6px;
                    }
              /* ---- 1.2.1 fiche artiste --- */
                  .dataArtiste {
                      margin: 1px 0 0 0;
                      width: 703px;
                      padding: 16px 0 0 10px;
                      
                      background: url(images/contenu/bg_cols.png) top left;
                      color: #FFF;
                  }
                  .dataArtiste td {
                    vertical-align: top;  
                  }
                  h2.titArtiste {
                      margin: 0;
                      padding: 16px 0 0 10px;
                      color: #FFF;
                      font-size: 30px;
                  }
                  .postContent {
                    width: 456px;
                    padding: 0 8px 0 8px;
                    font-size: 12px;
                    font-weight: bold;
                  }
                  .postContent strong {
                    font-size: 18px;
                  }
                  .postContent .player {
                    position: absolute;
                    top: 578px;
                    left: 30px;
                    padding: 22px 0 0 0;
                    background: url(images/contenu/extrait.png) no-repeat top left;
                  }
                  .tabBtsNoMargin {
                     margin: 0 0 8px 0;
                  }
                  
                  
                  .bt_location {
                    border-bottom: 4px solid #666;
                    width: 221px;
                    display: block;
                    margin: 0 0 0 0;
                    padding: 32px 0 11px 0;
                    background: url(images/artiste/bt_lieu.png) no-repeat top left;
                  }
                  .heure {
                    border-bottom: 4px solid #666;
                    width: 221px;
                    margin: 8px 0 0 0 ;
                    background: url(images/artiste/heure.png) no-repeat top left;
                    padding: 29px 0 14px 0;
                  }
                  .heure em {
                      font-size: 16px;
                      font-weight: bold;
                      font-style: normal;
                      display: block;
                      width: 110px;
                      float: left;
                      text-align: center;
                  }
                  .genre {
                      border-bottom: 4px solid #666;
                      width: 221px;
                      margin: 8px 0 0 0 ;
                      padding: 0 0 10px 0;
                      font-size: 16px;
                      font-weight: bold;
                  }
                  .specs {
                      border-bottom: 4px solid #666;
                      width: 221px;
                      margin: 8px 0 0 0 ;
                      padding: 0 0 10px 0;
                      font-size: 12px;
                      font-weight: bold;
                  }
                  
          .fullGuide {
              font-size: 12px;
              font-weight: bold;
              color: #FFF;
              padding: 0 0 0 8px;
          }
          .guide {
              width: 671px;
              background: url(images/contenu/bg_cols.png) top left;
              padding: 16px;
              
          }
    
    /* ---- 1.3 Sidebar --- */
        #sidebar {
          float: left;
          padding: 0 0 0 8px;
        }
            #sidebar ul {
              list-style-type: none;
              margin: 0;
              padding: 0;
            }
            
            
            /* ---- 1.3 Sidebar : TWITTER --- */
              .aktt_tweets {
                width: 229px;
                margin: -4px 0 0 0;
                padding: 0 0 3px 0;
              }
              .aktt_tweets li {
                color: #FFF;
                font-size: 11px;
                font-weight: bold;
                margin: 1px 0 0 0;
                padding: 8px 10px 8px 10px;
                background: url(images/sidebar/bg_gris.png) top left;
              }
              .aktt_tweets li a {
                color: #FFF;
              }
              li.aktt_more_updates {
                display: none;
              }
              .aktt_tweets li a.aktt_tweet_time {
                  color: #000;
                  display: block;
              }
              .fb,
              .ms,
              .pg,
              .twitter {
                  padding: 6px 0 0 0;
              }
      
    /* ---- 1.4 Footer --- */
        #footer {
          padding: 8px 0 0 8px;
        }
        #inner-footer {
          margin: 8px 0 0 0;
          /*padding: 8px 0 0 0;
          margin: 0 0 16px 0;*/
          background: url(images/footer/bg_inner_footer.png) no-repeat top left;
        }
        #inner-footer ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
          /*margin: 0;
          padding: 8px 0 0 0;*/
          height: 36px;
        }
        #inner-footer ul li a {
          font-weight: bold;
          color: #FFF;
        }
        
        #inner-footer ul li a:hover {
          color: #000;
        }
        #inner-footer ul li {
          float: left;
          font-size: 12px;
          color: #FFF;
          line-height: 36px;
          text-align: center;
        }
        #inner-footer ul li.print {
          width: 81px;
        }
        #inner-footer ul li.adv {
          width: 22px;
          position: relative;
        }
        #inner-footer ul li.prog {
          width: 129px;
        }
        #inner-footer ul li.infos {
          width: 119px;
        }
        #inner-footer ul li.partenaires, 
        #inner-footer ul li.complicites,
        #inner-footer ul li.plan-du-site {
          width: 99px; 
        }
        #inner-footer ul li.presse {
          width: 94px;
        }
        #inner-footer ul li.mentions {
          width: 136px;
        }
        #inner-footer ul li.contact {
          width: 145px;
          padding: 0 0 0 15px;
        }
/* ---- formulaire newsletter --- */
li.newsletter {
  padding: 6px 0 2px 0;
}
li.newsletter p {
  margin: 0;
  padding: 0;
}
li.newsletter .wpcf7 {
  margin: 0;
  padding: 8px;
  background: url(images/sidebar/bg_gris_clair.png) top left;
}
li.newsletter .caseMail {
  width: 183px;
  color: #000;
  font-family: Georgia, sans-serif;
  border: none;
  font-size: 11px;
  padding: 3px 0 3px 0;
}
li.newsletter input {
  vertical-align: middle;
}
div.wpcf7-validation-errors {
  width: 183px;
  border: 2px solid #999;
  padding: 2px;
  margin: 5px;
  font-size: 11px;
}
div.wpcf7-mail-sent-ok {
  width: 183px;
  border: 2px solid #999;
  padding: 2px;
  margin: 5px;
  font-size: 11px;
  background: 999;
}
span.wpcf7-not-valid-tip {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #999;
    font-size:10px;
    left:20%;
    padding:2px;
    position:absolute;
    top:20%;
    width:160px;
    z-index:100;
}

/* ---- outils --- */
.clear,
.clearer {
  clear: both;
}
.noMargin {
  margin: 0;
  padding: 0;
}
.col_gauche {
  float: left;
}
.col_droite {
  float: left;
  margin: 0 0 0 8px;
}

.pad {
  width: 348px;
  margin: 8px 0 0 0;
}
    .pad p {
      margin: 0;
      padding: 0;
    }
    
    .pad a {
      color: #FFF;
    }
    
    #pad-117,
    #pad-176,
    #pad-574 {
      width: 332px;
      background: url(images/contenu/bg_cols.png) top left;
      padding: 8px;
    }
    

.pad  table {
  
  width: 332px;
  font-size: 11px;
}
.pad  table td {
  height: 40px;
}
.pad table td.leftCol {
  padding: 0 10px 0 8px;
  width: 237px;
  background: url(images/pages/bg_left.png) no-repeat top right;
}
.pad table td.rightCol {
  width: 75px;
  padding: 0 2px 0 0 ;
  text-align: right;
  background: url(images/pages/bg_right.png) no-repeat top left;
}
.pad table td.rightCol strong {
    font-size: 13px;
}/**/

.eventSpacer {
  width: 100px;
}
.evtData {
  height: 30px;
}

.contenuDiv {

}
.padPresse p {
  margin: 0;
  padding: 0;
}
.padPresse {
  margin: 8px 0 0 0;
  padding: 0 8px 0 8px;
  background: url(images/pages/bg_presse.png) no-repeat top left;
}
.padPresse a,
.padPresse h3 {
  line-height: 34px;
  color: #FFF;
  font-size: 18px;
  padding: 0 0 0 8px;
}

.fullGrille {
  padding: 0 0 0 8px;
}