/*
Surchage des styles des balises html par défaut
*/
a {text-decoration:none;
font-weight:bold;
color:#38759d;
}
body{
  background-image: url("../images/back.jpg") ;
  background-repeat: repeat-x;
  background-color:white;
  margin:0px;
  padding:0px;
  font:13px arial,helvetica,clean,sans-serif;
}

h1 {
  margin-left:5px;
  font-size : 22px;
  color:#38759d;
  clear:left;
}
h2 {
  margin:13px;
  font-size : 18px;
  color:#38759d;
  clear:left;
}
h3 {
  margin:10px 10px 5px 20px;;
  font-size : 14px;
  color:#38759d;
}

p{
  margin:5px 10px 5px 20px;
  text-align:justify;
}

sup {
font-size: .7em;
line-height: .8em;
}


/*
Composition des pages
*/
.entete {
  width:980px;
  height:120px;
  margin:0px;
  padding:0px;
}
.entete h1 , .entete h2{
    margin-left:30px;
    color:white;
}
.contenu {
  width:980px;
  margin:5px auto 15px auto;
  border:1px solid #38959d;
  background-color:white;
  padding:0px;
}

#footer {
  text-align:center;
  margin-top:10px;
  margin-bottom:5px;
  }

p.description {
  margin-top:10px;
  margin-bottom:30px;
  font-weight:bold;
}

p.caracteristiques {
  font-style:italic;
}


/*
Pave à droite de présentation des produits
*/
.selection_produit {
  clear:right;
  border:1px solid #38959d;
  float:right;
  width:200px;
  margin-left:10px;
  margin-right:10px;
  padding:5px;
}
.selection_produit #entete{
  width:100%;
  background:#38759d;
  color:white;
  margin:-5px;
  padding:5px;
  font-weight:bold;
}

/*
formatage des images et vignettes des produits
*/

.image_produit {
      border:thin solid black;
      height:350px;
      width:350px;
      margin: 5px 5px 5px 5px;
}

.vp_mini {
      float:left;
      border:0px;
      height:70px;
      width:70px;
      margin: 0px 5px 5px 0px;
}

.vp_micro {
      float:left;
      border:0px;
      height:35px;
      width:35px;
      margin: 0px 5px 5px 0px;
}

/*
formatage générique des images
*/
.image_gauche, .image_droite, .image_centre {
font-style: italic;
text-align: center;
margin-top: 10px;
margin-bottom:10px;
background-color:#FFFFFF;
      border:thin solid black;
}

.image_gauche img, .image_droite img, .image_centre img{
border:0px;
}

.image_gauche, .imgGaucheSansLegende{
position: relative;
float: left;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

/*
Menu horizontal et déroulant
*/
.menu { padding:0px; margin:0px; white-space:nowrap /*IE hack*/; float:left; width:100%;height:20px; border:none; background:#38759d; color:white;}

.menu ul #panier{float:right; list-style-type:none; padding:0px; margin:0px;}
.menu ul li #panier{float:right; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;  background:#387500; border-left:solid 1px rgb(60,143,175); padding:0px; margin:0px;}
.menu ul li a #panier{float:none !important /*Non-IE6*/; float:right /*IE-6*/; display:block; height:19px; line-height:19px; padding:0px 16px 0px 16px;
               text-decoration:none; font-weight:bold; color: white; background:#387500;}

.menu ul {list-style-type:none; padding:0px; margin:0px;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(60,143,175); padding:0px; margin:0px; color: white;}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:20px; line-height:20px; padding:0px 16px 0px 16px;
               text-decoration:none; font-weight:bold; color: white;}
.menu ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}
.menu ul li:hover a {background-color:#5895bd; text-decoration:none; color:white;}
.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:18px; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px;
                          border-left:solid 1px rgb(60,143,175); border-bottom: solid 1px rgb(60,143,175); background-color:#5895bd;
                          font-weight:normal; color:white;}
.menu ul li:hover ul li a:hover {background-color:#78b5dd; text-decoration:none;}

/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; background-color:#5895bd; text-decoration:none;color:white;}
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:18px; left:0; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em;
                             padding:4px 16px 4px 16px; border-left:solid 1px rgb(60,143,175);
                             border-bottom: solid 1px rgb(60,143,175); background-color:#5895bd;
                             font-weight:normal; color:white;}
.menu ul li a:hover ul li a:hover {background-color:#78b5dd; text-decoration:none;}

@media print {.menu {float:left; width:100%; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}

/*
info bulle
*/
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none;
border-bottom:dashed 1px black;
}

a.info:hover{
z-index:25;
background-color:#FFF;
cursor:help;
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#eFF;
color:#000;
text-align: left;
font-weight:none;
padding:5px;
}