/* CSS Document Catalogue */
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:73%;
    background-color: #FFFFFF; }

#content { position: relative; }

#entete {
    font-size:1em;
    color:#333;
    background-color:White;
   padding:0 0 10px 0;
    text-align:right; }

#entete a {
    background-color:White;
    color:#606060; }

#entete a:hover {
    background-color:White;
    color:#FF6600;
    text-decoration:none; }

/* ************************* gallery */

.reference {
    font-size: 1em;
    border-top: 1px solid #efefef;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #efefef;
    margin: 0px 0px 10px 0px;
    padding: 3px; }

.vignette {
    vertical-align: top;
    margin: 0px;
    padding: 0px; }

.vignette .lienloupe {
    float: left;
    margin-right:6px;
    margin-left: 6px;
    position: relative; }

.vignette img {
    float: left; }

.reference_info {
    margin-left: 110px; }

.reference_info h6 {
    margin: 0px 0px 8px 0px;
    padding: 2px 2px 2px 5px;
    font-weight: bold;
    background-color: #efefef;
    color: #EA4700;
    font-size: 1.1em; }

.reference_info p {
    margin: 0px;
    padding: 0px 0 0 5px;
    color: #000000; }

.prix {
    float:left;
    white-space:nowrap;
    color:#666;
    margin: 8px 3px 0px 3px;
    padding: 0px; }

.prix strong { color:#000; }

.prix em { font-size:0.9em; }

.ref {
    float:right;
    white-space:nowrap;
    color:#666;
    margin: 8px 0px 0px 0px;
    padding: 0 0 0 5px; }

/* ************************* zoom */

.vignette a {
position: absolute;
text-decoration: none; /* definition du lien qui affichera le "calque" */
}
.vignette a:hover {
background:none; /* correction d'un bug IE */
}
.vignette a span {display:none;
/* definition de la balise <span> incluse dans <a> */
}
.vignette a:hover span {
    display: inline;
    position: absolute;
    top: -25px;
    left: 20px;
    width: 280px;
    height: 280px;
    border: 1px solid #ccc;
    z-index: 100; }

/* ************************* pied de page de la gallerie */

#pied {
    margin:1em 0 0 0;
    height:160px;
    font-size:1em;
    color:#333;
    background-color:#fff;
text-align:center; }

#retour {
    float:left;
    margin:0;
    padding:0; }

#page {
    margin:0 auto;
    padding:0;
     color:#999;
     font-size:0.9em;}

*html #page {
    margin:0 auto;
    padding:0;
     color:#999;
     font-size:0.9em;}

#suite {
    float:right;
    margin:0;
    padding:0;}

#page a, #suite a, .gallery a, #retour a {
    color:#EA4700;
    font-weight:bold;
    background-color:#fff;}

#page a:hover, #suite a:hover, .gallery a:hover, #retour a:hover {
    background-color:#fff;
    color:#CC0000;
    text-decoration:none;}

#pied img {padding:0 3px;}

.clear {clear:both;}