/* ------------------------------------ *
 Olivier RAVEAU
 vendredi 11 juin 2010 11:02:19
 * ------------------------------------ */

#feature {
  background-color: white /*#232020*/;
  width: 1100px;
  height: 351px;
  margin-left: 0px;
  background: /*url(./images/diaporama/featurebg_big.png) no-repeat left top*/;

  float: left;
  position: relative;
  clear: both;
  }

#navi ul {
   margin: 0 auto;
   width: 525px;
   position: absolute;
   top: 255px;
   left: 510px;
}

#navi li {
  float:left;
  list-style-type:none;
  text-align:center;
  display:inline;
  /* espacement entre chaque vignette */
  margin-left: 8px;
}

#navi a {
  color: #333333;
  display: block;
  position: relative;
  word-spacing: -2px;
  font-size: 11px;
  text-decoration: none;
  opacity: 0.5;
}

#navi a.current {
   opacity:1;

 }

 #navi a:hover {
  opacity:1;
}

#navi img {
  border: 1px solid #BBBBBB;
  margin: 0 0 9px 0;
  display: block;
  /*width: 60px;*/
  height: 50px;

}

#navi strong {
  display: block;
  font-size: 13px;
}

/* panes */
#panes {
  height: 345px;

  /* must be relative so the individual panes can be absolutely positioned */
  position: relative;
  overflow: hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
  display: none;
  position: absolute;
  font-size: 13px;
  color: #5F5F5F/*#ede9e9*/;
  line-height: 1.5;
  /*text-shadow: 1px 1px 0 #000;*/
  overflow: hidden;
  padding: 20px;
  }

#panes img {
  float: left;
  margin: 5px 40px 0 5px;
  width: 478px;
  height: 280px;
  border: 1px solid #DDD;
  -moz-box-shadow: 2px 5px 24px #889;    /* mozilla */
  -webkit-box-shadow: 2px 5px 24px #889; /* chrome + safari */
  box-shadow: 2px 5px 24px #889;         /* opéra */
}

#panes a.more {
  color: #BEBABA;
  font-weight: bold;
 }

#panes a.more:hover {
background: url(./images/diaporama/moreb.png) no-repeat right 2px;
color: #948787;
}

#panes h2 {
  font-size: 22px;
  padding: 0;
  margin: 0 0 5px 0;
  line-height: 1.2;
}

#panes h2 a {
/*color: #004276;*/
line-height: 1.2;
 }

#panes p {
padding:5px 0 0 0;
}


li.date, li.category, ul.post-meta li.author, li.comments, #sidebar .popular li ul.post-meta li.comments a {
   padding-left: 16px;
   text-transform: uppercase;
   font-size: 10px;
   color: #7e7a7a;
   margin: 0 5px 5px 0;
   display: inline;
   border: none;
}

li.date {
background: url(./images/diaporama/date.png) no-repeat;
}

li.comments {
background: url(./images/diaporama/comments.png) no-repeat;
}

li.category {
background: url(./images/diaporama/category.png) no-repeat 0 2px;
}

.clear{
clear: both;
}

/* description item courant dans le diaporama */
.diaporama-event-summary {
  height: 100px;
  overflow: hidden;
  font-size: 17px;
}

/* contenant du diaporama en homepage */
div.diaporama_container {
  margin-top: 14px;
}