/*-----> DECOR GENERAL <-----*/
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  height: 100%;
  /*background: url(../images/commun/bg_container.png) #FFF repeat-y 50% 0%;*/
  background-position: 50% 0%;
  line-height: 1.4em;
}
a {
  color: #000;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

/*-----> ZONES PRINCIPALES DU DOCUMENT <-----*/
#container {
  position: relative;
  width: 980px;
  margin-left: -490px;
  left: 50%;
  z-index: 10;
}
.content {
  padding: 16px 0 0 0;
}
    #page {
      width: 980px;
      left: 50%;
      margin-left: -490px;    /* IE 6 : margin-left: -489px; */
      /*margin: 0 auto;*/
      position: relative;
    }
    .ombre {
      position: absolute;
      width: 980px;
      left: 50%;
      height: 308px;
      margin-left: -490px;
      top: 222px;
      z-index: 10;
      background: url(../images/commun/bg_container_shadow.png) repeat-y 0% 0%;
    }
        #col_left {
          width: 251px;
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 10000;
        }
        #col_right {
          background: url(../images/commun/bg_main_screen.png) no-repeat 0px 2px;
          width: 729px;
          position: absolute;
          top: 0px;
          left: 251px;
          z-index: 1000;
        }
        
        /*-----> 1.COLONNE GAUCHE <-----*/
        #tools {
          margin: 0 0 0 6px;
          background: #807D7D;
          width: 245px;
        }
             #tools h1 {
              margin: 0 0 3px 0;
            }
        
              /*-----> 1.1.Formulaire Recherche  <-----*/
                #formSearch {
                  height: 37px;
                  padding: 18px 0 0 30px;
                  background: url(../images/formulaires/bg_form_search_top.png) repeat-x top left;
                }
                .searchInputF {
                  background: url(../images/formulaires/bg_search_top.png) no-repeat top left;
                  width: 150px;
                  height: 20px;
                  padding: 0 0 0 10px;
                  float: left;
                }
                .keywords {
                  background: none;
                  font-size: 1em;
                  color: #FFF;
                  border: none;
                  padding: 3px 0 0 0; /* IE : padding: 2px 0 0 0;*//* SAFARI : padding: 6px 0 0 0;*/
                  width: 140px;
                }
                .btn-ok {
                  float: left;
                }
              
              /*-----> 1.1.Navigation (Traitement Menus - navigation.css  <-----*/
                #main-nav {
                  background: #000;
                  height: 308px;
                  margin: 0 0 0 6px;
                  color: #FFF;
                }
              
              /*-----> 1.2.Calendrier  <-----*/
                #event-calendar {
                  padding: 20px 0 24px 23px;
                  position: relative;
                  height: 188px;
                }
                    #event-calendar table {
                      width: 203px;
                      padding: 0 0 0 0;
                    }
                    #event-calendar table.one_month .prev,
                    #event-calendar table.one_month .next {
                      width: 20px;
                    }
                    #event-calendar table td.title {
                      height: 30px;
                      width: 163px;
                      color: #FFF;
                      font-size: 1.1em;
                    }
                    #event-calendar table td,
                    #event-calendar table th {
                      width: 29px;
                      text-align: center;
                      text-transform: uppercase;
                      padding: 0;
                      margin: 0;
                    }
                    #event-calendar table td {
                      height: 20px;
                      vertical-align: middle;
                    }
                    #event-calendar table td.event-day {
                      background: url(../images/calendriers/mini_cal_event.png) no-repeat 50% 50%;
                    }
                    
                    #event-calendar table td.event-highlight {
                      background: url(../images/calendriers/mini_cal_event_over.png) no-repeat 50% 50%;
                    }
                    #event-calendar table td.event-highlight a {
                      color: #FFF;
                    }
                    
                    #event-calendar table td.today {
                      background: url(../images/calendriers/mini_cal_today.png) no-repeat 50% 50%;
                    }
                    #event-calendar table td.bottom {
                      height: 30px;
                      border: 1px solid #F00;
                      vertical-align: bottom;
                    }
                    #event-calendar a.link_arrow {
                      font-size: .9em;
                    }
                    /*-----> Volet d'information  <-----*/
                      .calendarDetail {
                          background: #807D7D;
                          width: 180px;
                          position: absolute;
                          top: 0px;
                          left: 234px;
                          display: none;
                          padding: 30px 30px 0 42px;
                          text-transform: uppercase;
                          font-size: 1.1em;
                          line-height: 1.3em;
                          height: 205px;
                          background: url(../images/calendriers/bg_pad.png) no-repeat top left;
                        }
                            .calendarDetail p.date {
                                padding: 0 0 15px 0;
                            }
                            .calendarDetail .location {
                                color: #FFF;
                                text-decoration: underline;
                            }
                            .calendarDetail li li {
                              font-weight: bold;
                            }
                            .calendarDetail li {
                                padding: 3px 0 3px 0;
                            }
                            #allShows {
                              position: absolute;
                              top: 196px;
                            }
                            #innerEvents {
                              display: none;
                            }
                            .calendarDetail a.close {
                              position: relative;
                              top: -20px;
                              left: 188px;
                            }
              /*-----> 1.3.Modules  <-----*/
                #col_left .module {
                  padding: 0 0 0 6px;
                }
                      #col_left .module h2 {
                        padding: 6px 0 0 56px;
                        height: 35px;
                        text-transform: uppercase;
                        font-weight: bold;
                        color: #000;
                        font-size: 1.1em;
                      }
                      h2.moduleVideo {
                        background: url(../images/col_left/h2_video.png) no-repeat top left;
                      }
                      h2.modulePodcasts {
                        background: url(../images/col_left/h2_podcasts.png) no-repeat top left;
                      }
                      h2.moduleRSS {
                        background: url(../images/col_left/h2_rss.png) no-repeat top left;
                      }
                      h2.modulePresse {
                        background: url(../images/col_left/h2_presse.png) no-repeat top left;
                      }
                      
                      
                      
        /*-----> 2.COLONNE DROITE <-----*/
              /*-----> 2.1.Zone Grand visuel  <-----*/
                  #flash-zone {
                    padding:18px 0 0 0;
                    /*position: relative;
                    top: 16px;
                    height: 468px;*/
                  }
                  
                  #innerBannerPic {
                    padding: 2px 0 0 0;
                  }
              /*-----> 2.2.Spectacles  <-----*/
                 .type-spectales {
                    width: 218px;
                    height: 218px;
                    text-transform: uppercase;
                    border: 1px solid #FFF;
                    margin: 15px 0 0 15px;
                    float: left;
                    font-size: 1.4em;
                    position: relative;
                 }
                    .type-spectales ul {
                      padding: 15px 0 0 15px;
                      font-size: .9em;
                    }
                    .type-spectales ul li {
                      padding: 0 0 3px 0;
                    }
                    .type-spectales a.grey_link_box {
                      font-size: .8em;
                      position: absolute;
                      bottom: 0px;
                      width: 198px;
                    }
                    .type-spectales a.selected {
                      text-decoration: underline;
                    }
                 
                .show {
                  width: 218px;
                  height: 218px;
                  background: #DFDDD8;
                  margin: 15px 0 0 15px;
                  border: 1px solid #FFF;
                  float: left;
                  font-size: 1.4em;
                  text-transform: uppercase;
                }
                .show:hover {
                  /*cursor: pointer;*/
                  border: 1px solid #000;
                }
                    .show img {
                      margin: 0px;
                      padding: 0px;
                    }
                    .show h4 {
                      color: #FFF;
                      height: 20px;
                      line-height: 20px;
                      /*font-size: 1.4em;*/
                      background: #757165;
                      padding: 0 0 0 17px;
                      margin: -2px 0 0 0;
                    }
                    .show p {
                      padding: 13px 0 0 17px;
                    }
                    .show strong {
                      font-weight: bold;
                    }
                    .show span {
                      font-size: .8em;
                    }
                .noShow {
                  float: left;
                  width: 455px;
                  padding: 105px 0 0 15px;
                  text-align: center;
                }
                
                .link_resa {
                  font-size: .9em;
                  padding: 0 0 0 12px;
                  background: url(../images/pictos/lnkResa.png) no-repeat center left;
                }
                    
              /*-----> 2.3.Spectacles Detail  <-----*/
              .data-events {
                width: 487px;
                float: left;
              }
                  .text-events {
                    padding: 32px;
                    font-size: 1.2em;
                  }
                  .brown-box {
                    float: left;
                    margin: 0 0 16px 16px;
                    width: 218px;
                    background: #DFDDD8;
                    text-align: center;
                  }
                  .picto {
                    padding: 15px 0 0 8px;
                    float: left;
                  }
                  .videothumb {
                    padding: 15px 0 15px 0;
                  }
                  .brown-box .grey_link_box {
                    width: 140px;
                    margin: 30px 0 30px 30px;
                  }
              
              .details-events {
                width: 218px;
                font-size: 1.2em;
                float: left;
              }
                  .details-events p {
                    padding: 15px;
                  }
                  .details-events ul {
                    margin-left: 15px;
                    padding-bottom: 15px;
                  }
                  .box-blue-title {
                    background: #DFDDD8;
                    margin-top: 15px;
                  }
                  .box-blue-title a {
                    text-decoration: underline;
                  }
                  
                  p.link_info {
                    font-size: 10px;
                    margin: 0;
                    padding: 0 15px 15px 15px;
                  }
                  .event-duration {
                    margin-top: 15px;
                    background: #DFDDD8;
                    color: #354968;
                  }
                  .box-blue-title ul.location {
                    border-bottom: 1px solid #807D7D;
                    width: 188px;
                  }
                  small {
                    font-size: .9em;
                    /*font-style: italic;*/
                  }
                  
              /*-----> 2.4.Galerie Photos  <-----*/
                  h4.pic_category {
                      color: #FFF;
                      height: 20px;
                      font-weight: normal;
                      background: #757165;
                      padding: 0 0 0 17px;
                      margin: -2px 0 0 0;
                      text-transform: capitalize;
                      font-size: .8em;
                    }
                  h4.pic_category a {
                    color: #FFF;
                  }
                  img.picto_gallery {
                    margin: 20px 0 0 19px;
                  }
                  .listingPhotos {
                    height: 125px;
                    /*background: #F00;*/
                    width: 218px;
                    float: left;
                    margin: 17px 0 0 17px;
                  }
                  .listingPhotos em {
                    display: block;
                    width: 208px;
                    height: 17px;
                    font-style: normal;
                    line-height: 17px;
                    padding: 0 0 0 10px;
                    background: #CCC;
                  }
                  .pictoListing {
                    height: 110px;
                    display: block;
                    width: 220px;
                  }
                  .pictoListingHome {
                    width: 218px;
                    height: 110px;
                    display: block;
                  }
                  p.legend {
                    background: #000;
                    position: absolute;
                    width: 705px;
                    bottom: 0px;
                    opacity: .5;
                    z-index: 100;
                    line-height: 15px;
                  }
                  p.legendText {
                    font-size: 1.1em;
                    color: #FFF;
                    text-align: right;
                    position: absolute;
                    width: 693px;
                    bottom: 0px;
                    padding: 6px 15px 6px 0;
                    z-index: 1000;
                  }
                  p.nbPhotos {
                    padding-top: 2px;
                    font-size: .8em;
                  }
                  .shadow {
                    background: url(../images/commun/shadow.png) no-repeat bottom left;
                    width: 700px;
                    height: 467px;
                  }
                  .littlePicto {
                    display: block;
                    width: 44px;
                    height: 44px;
                    float: left;
                    margin: 18px 0 0 21px;
                  }
                  .article ul,
                  .article_court ul {
                    list-style-type: disc;
                    padding: 0 0 0 5px;
                    margin: 0 0 0 15px;
                  }
                  .article table td,
                  .article_court  table td {
                    padding: 3px;
                  }
                
              /*-----> 2.5.Article Seul  <-----*/
              .article {
                margin: 2px 0 0 0;
                padding: 15px 241px 0 30px;
                width: 434px;
                font-size: 1.2em;
                min-height: 620px;
                height: auto !important;
                height: 620px;
                background: url(../images/articles/bg_article_galerie.png) repeat-y top left;
              }
              .articleFDBlanc {
                   margin: 2px 0 0 0;
                  padding: 15px 41px 0 30px;
                  width: 634px;
                  background: #FFF;
                  font-size: 1.2em;
              }
              .articleFDBlanc .contenu {
                  margin: 2px 0 0 0;
                  padding: 15px 41px 0 30px;
                  width: 634px;
                  background: #FFF;
              }
                  .article h2,
                  .article_court h2{
                    color: #E74E12;
                    padding: 45px 0 0 0;
                  }
              
                  .article_court {
                    padding: 15px 0 0 30px;
                    margin: 2px 0 0 0;
                    width: 675px;
                    background: #FFF;
                    font-size: 1.2em;
                    min-height: 620px;
                    height: auto !important;
                    height: 620px;
                    background: url(../images/articles/bg_article_galerie.png) repeat-y top left;
                  }
                  .article_etendu {
                    padding: 15px 0 0 0;
                    margin: 2px 0 0 0;
                    min-height: 520px;
                    height: auto !important;
                    height: 520px;
                    background: url(../images/articles/bg_article.png) no-repeat top left;
                  }
              
                  .contenu {
                    width: 434px;
                    padding: 0 20px 0 0;
                    float: left;
                  }
                  
                  .mediaBox {
                    float: left;
                    width: 218px;
                  }
                  
                  
                  .linkedArts {
                    float: left;
                    width: 218px;
                    border-bottom: 15px solid #FFF;
                    background: #585757;
                    font-size: 1.1em;
                  }
                      .linkedArts h3 {
                        color: #FFF;
                        text-transform: none;
                        background: none;
                        text-align: left;
                        font-weight: bold;
                        font-size: 1.1em;
                        padding: 30px 0 0 20px;
                        margin: 0;
                      }
                      .linkedArts ul {
                        padding: 10px 0 40px 20px;
                        margin: 0px;
                        color: #FFF;
                        list-style-type:  none;
                      }
                      .linkedArts ul li {
                        background: url(../images/commun/white_arrow.png) no-repeat 0px 7px;
                        padding: 0;
                        margin: 0;
                      }
                      .linkedArts ul li a {
                        color: #FFF;
                        padding: 0 0 0 13px;
                      }
                      .linkedArts ul li a.actif {
                        font-weight: bold;
                      }
                      
                      .linkedArts ul li.pdf {
                         background: url(../images/commun/pdf.png) no-repeat 0px 5px;
                        padding: 0 0 0 10px; 
                      }
                      .linkedArts ul li.onePictoDoc {
                         background: none;
                         text-align: center;
                          padding: 0;
                          margin: 0 0 15px -30px;
                      }
                  
                  
                  .mediaBox .picto,
                  .oneArticle td.visuelListing .picto {
                    padding: 0 0 15px 0;
                    background: #FFF;
                  }
                  .linkedArtContent {
                    font-size: .8em;
                    padding: 0 8px 0 8px;
                  }
              /*-----> 2.6.Liste Articles  <-----*/
              .oneArticle {
                border-bottom: 1px solid #DFDDD8;
                padding: 0 0 20px 0;
                /*background: url(../images/articles/bg_article_list.png) repeat-y top right;*/
              }
                  .oneArticle table {
                    width: 675px;
                    text-align: right;
                  }
                  .oneArticle td {
                    vertical-align: top;
                  }
                  .oneArticle td.visuelListing {
                    width: 220px;
                  }
                  .oneArticle td.texteListing {
                    width: 455px;
                  }
                  .oneArticle img {
                    float: right;
                  }
                  .oneArticle td p {
                    padding: 10px 0 0 0;
                  }
                  p.readMore {
                    text-align: right;
                  }
              
              
              .rightSidebar {
                width: 220px;
                float: left;
                padding: 25px 0 0 0
              }
/*------ PLUGINS: Calendrier ------*/
  .calendrier {
      padding: 48px 18px 0 32px;
   }
  .innerCal {
    padding: 57px 0 0 0;
    position: relative;
    width: 670px;
  }
  
              .filter_box,
              a.filter_box {
                background: url(../images/commun/grey_link_box_over.png) #000000 no-repeat top left;
                display: block;
                height: 20px;
                color: #FFF;
                line-height: 20px;
                padding: 0 0 0 20px;
                text-transform: uppercase;
                width: 221px;
              }
              .type_spec {
                position: absolute;
                top: 57px;
                left: 181px;
              }
              .lieu {
                position: absolute;
                top: 57px;
                left: 429px;
              }
      /*--> Annees --*/
      .yearTab {
        font-size: 1.5em;
        font-weight: bold;
      }
          .yearTab li {
             padding: 6px 9px 10px 9px;
             float: left;
             width: 70px;
             height: 9px;
          }
          .yearTab li a {
             color: #BBBBBB;
          }
          .yearTab li.active {
             background: #354968;
             color: #FFF;
          }
          .yearTab li.active a {
             color: #FFF;
          }
          
          .yearTab li.filter {
            font-size: .6em;
            width: 242px;
            font-weight: normal;
            padding: 0 0 0 5px;
          }
          .yearTab a.grey_link_box {
            margin: 0 0 0 0;
          }
      
      /*--> Mois --*/
      .monthTab {
        font-size: 1.1em;
        font-weight: normal;
        background: #354968 url(../images/calendrier/bg_month.png) repeat-x top left;
        height: 34px;
      }    
          .monthTab li {
             padding: 8px 9px 8px 9px;
             float: left;
             height: 18px;
          }
          .monthTab li.active {
             background: url(../images/calendrier/lien_actif.png) no-repeat bottom center;
          }
          .monthTab li a {
             color: #BBB;
          }
          .monthTab li.active a {
             color: #FFF;
             font-weight: bold;
          }
      /*--> Listing --*/
        table.showList {
          font-size: 1.1em;
          width: 670px;
          padding: 0;
          margin: 0;
        }
        table td.tabHeader {
          height: 24px;
          background: #354968 url(../images/calendrier/tab_header.png) repeat-x top left;
          color: #FFF;
        }
        table.showList td {
          padding: 5px 0 5px 0;
        }
        
        
                table td.date {
                  width: 60px;
                  padding: 6px 0 0 16px;
                }
                table td.firstdate {
                  padding: 11px 0 5px 16px;
                  background: url(../images/calendrier/bg_date.png) no-repeat top left;
                }
                table td.heure {
                  width: 71px;
                  padding: 6px 0 5px 0;
                }
                table td.firstheure {
                  padding: 11px 0 5px 0;
                  background: url(../images/calendrier/bg_heure.png) no-repeat top left;
                }
                table td.titre {
                  width: 269px;
                  padding: 6px 0 5px 0;
                }
                table td.firsttitre {
                  padding: 11px 0 5px 0;
                  background: url(../images/calendrier/bg_heure.png) no-repeat top left;
                }
                table td.location {
                  width: 269px;
                  padding: 6px 0 5px 0;
                }
                table td.firstlocation {
                  padding: 11px 0 5px 0;
                  background: url(../images/calendrier/bg_heure.png) no-repeat top left;
                }
                table td.type {
                  width: 69px;
                  padding: 6px 0 5px 0;
                }
                table td.firsttype {
                  padding: 11px 0 5px 0;
                  background: url(../images/calendrier/bg_heure.png) no-repeat top left;
                }
          
          .filterByLocation,
          .filterByType {
            background: #000;
            padding: 5px 20px 5px 20px;
            font-size: 1.1em;
            color: #FFF;
            display: none;
          }
          .filterByLocation a,
          .filterByType a {
            color: #FFF;
          }
        
        
      .even {
        background: #DDD;
      }
      .filters {
        padding: 30px 0 0 340px;
      }
      
      
      select {
        font-family: Arial, helvetica, sans-serif;
        font-size: 1.1em;
      }
      label {
        font-size: 1.1em;
        width: 170px;
        float: left;
      }
      
      .labelMsg {
        vertical-align: top;
      }
          
          
      

      
      
     
                  
/*------ MODULES: Colonne de gauche ------*/
    .module .moduleDesc {
      padding: 5px 15px 25px 15px;
    }
    .pad35 {
      margin: 15px 0 0 30px;
    }

.block-1-result {
  padding: 15px 0 0 0;
  font-size: 1.2em;
}
.block-1-result p {
  padding: 0 0 0 5px;
}

/*------ MODULES: Pass oublié ------*/
.pass_forgot {
  background: #FFF;
  font-size: 1.2em;
}
.pass_forgot td {
  padding: 10px;
  text-align: center;
}

.pass_forgot td.right {
  text-align: right;
}
.pass_forgot td.left {
  text-align: left;
}

.connec {
  padding: 10px;
}

h1.titRef {
	text-indent: -5000px;
	float: left;
	position: absolute;
}
  
  
  .itunesButton {
    line-height: 12px;
    font-size: 11px;
    display: block;
    height: 24px;
    padding: 0 0 0 32px;
    background: url(../images/pictos/itunes.jpg) no-repeat center left;
  }
  .rssButton {
    line-height: 12px;
    font-size: 11px;
    display: block;
    height: 24px;
    padding: 0 0 0 32px;
    background: url(../images/pictos/rss.jpg) no-repeat center left;
  }
  
  .txt12 {
    padding: 15px;
    font-size: 14px;
  }
  .printLink,
  .sendFriendLink {
    padding: 0 0 0 25px;
  }
  .tool_share {
    background: url(../images/pictos/send-friend.png) no-repeat center left;
  display: block;
  height: 22px;
  line-height: 22px;
  font-size: 0.8em;
  color: #757165;
  padding: 0 0 0 30px;
  margin: 5px 0 0 0;
  }
  
  .issuu {
    margin: 15px 15px 0 0;
    float: left;
  }
 .issuu div div {
 
  display: none;
 }