/* ------------------------------------ *
 Fichier CSS allant avec "diaporama.tpl"
 * ------------------------------------ */


#feature {
  background-color: transparent /*#232020*/;
  width: 1100px;
  height: 345px;
  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: 241px/*230px*/;
   left: 498px;
}

#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.3;
}

#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 {
  height: 330px;

  /* 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 {
  width: 478px;
  border: 0px;

  /* Jean 23/02/2011 */
  height: auto;
}

/* Jean 23/02/2011 */
#panes img.icon {
  width: auto;
}

/* Jean 23/02/2011 */
#main_img_container {
  display: block;
  height: 266px;
  overflow: hidden;
}

#panes span {
  margin: 5px 40px 0 5px;
  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: #363636;
  font-family: 'FranklinGothicMediumRegular', Lucida Grande, Arial, sans-serif;
  font-size: 23px;
  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,
ul.post-meta a.post_meta_a {
   padding-left: 16px;
   text-transform: uppercase;
   font-size: 10px;
   color: #7e7a7a;
   margin: 0 5px 5px 0;
   display: inline;
   border: none;
}

/* Jean 23/02/2011 */
ul.post-meta {
  padding-left: 0px;
}

ul.post-meta a.com_manager {
  color: #60A343
}

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 */
p.diaporama-event-summary {
  height: 88px;
  overflow: hidden;
  font-family: Tahoma, Arial;
  font-size: 15px;
  line-height: 22px;
}

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


/* ************************************* */
/* DIAMORAMA V2 (plus petit) */
.diaporama_mini #feature {
  width: 760px;
  height: 240px;
}
/* le titre du sujet courant */
.diaporama_mini #panes h2 a {
  font-family: Tahoma, /*'FranklinGothicMediumRegular', 'FranklinGothicMediumCondRg', */Lucida Grande, Arial, sans-serif;
  color: #555555;
  font-size: 20px;
}
/* le conteneur général */
.diaporama_mini #panes {
  border: 0px solid red;
  height: 228px;
}

.diaporama_mini #panes span {
  margin: 5px 40px 0 5px;
  border: 0px solid #DDD;
  -moz-box-shadow: 2px 5px 13px #AAAAAA;    /* mozilla */
  -webkit-box-shadow: 2px 5px 13px #AAAAAA; /* chrome + safari */
  box-shadow: 2px 5px 13px #AAAAAA;         /* opéra */
}

/* le texte descriptif du sujet courant */
.diaporama_mini #feature p.diaporama-event-summary {
/*
  font-family: 'FranklinGothicMediumRegular', Lucida Grande, Arial, sans-serif;
  color: #777777;
*/
  color: #444444;
  height: 55px;
  font-size: 11px;
  line-height: 18px;
}
/* la zone des vignettes */
.diaporama_mini td.dots_virtual_space {
  height: 35px;
}
.diaporama_mini #feature #navi ul {
  left: -30px;
  top: 20px;
}
/* mode "gauche et droite inversée" */
.diaporama_mini #feature #navi.navi_inverse ul {
  left: 338px;
  top: 25px;
}
/* chaque vignette */
.diaporama_mini #feature #navi img {
  border: 0px;
  width: auto;
  height: auto;
}
/* grosse image courante */
.diaporama_mini #feature #panes td.td_img {
  padding-top: 4px;
}
.diaporama_mini #feature #panes img {
  width: 320px;
}
.diaporama_mini #feature #main_img_container {
  height: 179px;
  position: relative;
  left: 17px;
  top: -6px;
}
.diaporama_mini li.date, .diaporama_mini li.category, .diaporama_mini ul.post-meta li.author, .diaporama_mini li.comments,
.diaporama_mini ul.post-meta a.post_meta_a {
   text-transform: none;
   font-size: 11px;
}