/*** VISIONNEUSE ***/

* {
    margin: 0;
}
body {
    background: #000;
    font-size: 75%;
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    color:#fff;
}
iframe {
  border:0;
  width:310px;
  height:250px;
  margin-top:20px;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
a, a:hover {
    text-decoration:none;
    color:#FFF !important;
    background-color:transparent;
    outline:none;
}
.hidden {
  display:none;
}
h4 {
  color:#25A1BB;
  background-color:transparent;
  font-size:11px;
  font-weight:bold;
  float:left;
  width:300px;
  text-align:left;
  margin:30px 0 0;
}
/* addthis */
#img .addthis_button {
  margin-top:15px;
  width:300px;
  text-align:left;
  float:left;
  height:auto;
  clear:left;
  position:relative;
  z-index:50;  
}
#img .addthis_button img {
  border:0;
  margin:0;
}
#img .addthis_button a {
  margin-top:0;
}
#img img.addthis {
  width:125px;
  height:16px;
  border:0;
  margin:0
}
/* ====================================== */
/* HEADER */
/* ====================================== */
#header {
    background-color:#000;
    position: relative;
    height:28px;
}
#header h1{
    font-family:Arial, Helvetica, sans-serif;
    color:#BEF52A;
    background:transparent url(img/visionneuse/visio_header.jpg) repeat-x;
    font-size:100%;
    padding-left:6px;
    height:28px;
    line-height:28px;
}
#header h1 a {
    color:#FFF;
    font-size:120%;
    text-transform:uppercase;
    padding-right:1em;
}
#header h1 a span{
    visibility: hidden;
}
#header h1 a.as {
	display:block;
	width:179px;
	height:23px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(img/visionneuse/logo.jpg) no-repeat;
  cursor:pointer;
  overflow:hidden;
  margin-top:3px;
}
/* ====================================== */
/* NAVIGATION */
/* ====================================== */
#navig {
    position:relative;
    padding:6px;
    \height:78px;
    he\ight:66px;
    background: #000 url(img/visionneuse/diaporama_bar_bkg.jpg) left top repeat-x;
}
h2, #navig li span{
    position:absolute;
    left:-9999px
}
#navig ul a {
    display:block;
    height:27px;
}
/* --- Miniatures --- */
#precedente{
  position:absolute;
  left:47px;
  top:30px;
  width:41px;
  background: url(img/visionneuse/visio_buttons.png) no-repeat 0 0;
}
#precedente:hover{
  background: url(img/visionneuse/visio_buttons_hover.png) no-repeat 0 0;
}
#suivante{
  position:absolute;
  left:702px;
  top:30px;
  width:41px;
  background: url(img/visionneuse/visio_buttons.png) no-repeat -41px 0;
}
#suivante:hover{
  background: url(img/visionneuse/visio_buttons_hover.png) no-repeat -41px 0;
}
#mini {
    position:absolute;
    left:98px;
    top:9px;
    background:#000;
    padding:5px;
    \width:594px;
    w\idth:584px;
    overflow:hidden;
    float:left;
    height:51px;
}
#mini li {
  float:left;
  border:#000 solid 1px;
}
#mini li:hover {
    border: 1px solid white;
}
#mini li.on {
  border:#BEF52A solid 1px;
}
#mini li a {
  display:block;
  overflow:hidden;
  width:67px;
  height:45px;
  margin:2px;
  text-align:center;
  background:#222;
}
#mini img {
  height:45px;
  width: auto;
}
/* --- Diaporama --- */
#diapo {
  width:168px;
  height:56px;
  position:absolute;
  top:5px;
  left:800px;
  background: url(img/visionneuse/diapo_sep.gif) left top repeat-y;
  padding-top:10px;
}
#diapo div.title {  
  color:#fff;
  font-size:11px;
  font-weight:bold;
  background-color:transparent;
  position:relative;
  left:auto;
  text-transform:uppercase;
  text-align:center;
  width:100%;
  display:block;
  margin-bottom:2px;
}
#diapo ul {
  position:absolute;
  right:16px;
  width:138px;
}
#diapo ul li {
  float:left;
  margin-right:2px;
}
#arret {
  width:44px;
  background: url(img/visionneuse/visio_buttons.png) no-repeat -82px 0;
}
#arret:hover {
  width:44px;
  background: url(img/visionneuse/visio_buttons_hover.png) no-repeat -82px 0;
}
#lent {
  width:44px;
  background: url(img/visionneuse/visio_buttons.png) no-repeat -126px 0;
}
#lent:hover {
  width:44px;
  background: url(img/visionneuse/visio_buttons_hover.png) no-repeat -126px 0;
}
#rapide {
  width:44px;
  background: url(img/visionneuse/visio_buttons.png) no-repeat -169px 0;
}
#rapide:hover {
  width:44px;
  background: url(img/visionneuse/visio_buttons_hover.png) no-repeat -169px 0;
}
/*
#navig a:hover, #navig a.on {
  background-position: left bottom ;
}*/
/* ====================================== */
/* ZONE AFFICHAGE */
/* ====================================== */
#img {
  text-align: center;
  position: absolute;
  padding:0 0 0 100px;
  right: 0;
  left: 0;
  margin-top:20px;
/*  width:910px;*/
}
#img img {
  border:1px solid #666;
  padding:0;
  display:block;
  margin:0 auto;
}
#img table {
  float:left;
}
#img table td {
  /*width:592px;*/
  text-align:center;
}
#img a {
  height:100%;
  margin-top:5px;
  text-align:center;
}
#img.full {
  padding:0 100px;
}
#copy_img {
  color:#999;
  font-size:11px;
  background-color:transparent;
}
#pub {
  width:310px;
  margin:0 0 0 8px;
  padding: 0;
  float:left;
}
#star_name {
  font-size:20px;
  color:#fff;
  text-transform:uppercase;
  background-color:transparent;
  text-align:left;
  float:left;
  width:300px;
  margin:0 0 20px 0;
  position:relative;
  left:0;
}
#descr_img {
  color:#CCC;
  background-color:transparent;
  font-size:13px;
  text-align:left;
  width:300px;
  float:left;
  height:auto;
}
#descr_img a {
	color:#c00;
	color:#c00 !important;
}
#related_diapo, #related_article {
  float:left;
  text-align:left;
}
#related_diapo li, #related_article li {
  float:left;
  text-align:left;
  clear:both;
}
#img #counter {
  border:0;
  display:none;
}
#lien_full {
  width: 100%;
  text-align: center;
  color:#999 !important;
  background-color:transparent;
  margin-bottom:6px;
}
#lien_full a, #lien_full a:hover {
  color:#999 !important;
  background-color:transparent;
}
#lien_full:hover {
  text-decoration:underline;
}
#more_stars li {
  display:inline;
}