html, body, table
{
  font: 1em verdana, arial, sans-serif; !important
  color: #000; !important
  padding: 0;
  margin: 0;
}
html, body
{
  background-color: #FFF;
  background: #FFF;
}

div
{
  color: #FA3;
}

#cliche div,
#page div
{
  color: #000;
}

a { color: #000; text-decoration:none;}
a:hover { color: #000; text-decoration:underline overline;}
#menuCliche a { color: #FA3}
#menuCliche a:hover { color: #FA3}

#menuClicheRoot
{
  position: absolute;
  left:20px;
  width: 200px;
  height: 100%;
  background-color: transparent;
  background-image: url("peloche.jpg");
  background-repeat: repeat-y;
  z-index: 2;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#menuCliche
{
  position: absolute;
  top:10px;
  left: 15px;
  min-height: 200px;
  width: 190px;
  font-size: 0.7em;
  z-index: 10;
  background-color: transparent;
  font-weight: 700;
/*  border: solid 1px green; */
}

input
{
  background-color: #FA3;
  font-weight: 700;
  text-align: right;
}

#menuCliche table
{
  color: #FA3;
  font-weight: 700;
}

h1
{
  font-size: 200%;
}

#menuClicheOpacite
{
  position: absolute;
  top: 3px;
  left: 10px;
  height: 300px;
  width: 200px;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 5;
}

#cliche, #page
{
  position: absolute;
  left:220px;
  text-align: center;
  width:800px;
  z-index: 20;
 margin-top: 20px;
}

img
{
  border: none;
}

#page img
{
  border: transparent solid 1px;
}

#page img:hover
{
  border: #33B solid 1px;
}

#sousmenu
{
  text-align: center;
}

#smd, #smg
{
  width: 50%;
}

#smg
{
  text-align: right;
  padding-right: 1em;
}

#smd
{
  text-align: left;
  padding-left: 1em;
}

#legende
{
  text-align: center;
  vertical-align: middle;
  border: solid 1px #000;
  border-left: none;
  border-right: none;
  margin: 0.5em 0;
  padding: 0.5em;
}

form
{
  margin: 5px 0;
  text-align: center;
}


#form
{
  margin: 2em 0;
  padding-left: 1em;
}

#tcliches
{
  text-align: center;
  width: 800px;
}

#menprec, #mensui
{
  margin: 1em;
}

#menprec
{
 text-align:left;
 margin-bottom: 0;
}

#mensui
{
 text-align:right;
 margin-top: 0;
}

/* règle pour tous les browsers,
si utilisation transparence */
.exif
{
  font-weight: 700;
}

.exif tr > td,
.exif tr > th
{
  font-weight: 700;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding: 2px;
  text-align:right;
}

.exif tr > td + td
{
  font-weight: 700;
  border-right: none;
  text-align:left;
}

.exif tr > th
{
  text-align:center;
}

table.exif,
div#tableexif,
div#tableexifcont
{
  position: absolute;
  top: 350px;
  left:6px;
  width: 180px;
  height: 200px;
}

#menuCliche table.exif
{
  border: 1px solid #AAA;
  border-bottom: none;
  color: #000;
  font-effect: outline;
  z-index:13;
}

div#tableexif
{
  background-color: transparent;
  z-index:13;
}

div#tableexifcont
{
  background-color: #FFF;
  opacity: .5;
  filter: alpha(opacity=50);
  z-index:12;
}

#float3
{
position:absolute;bottom:0px;left:20px;background-color:transparent;z-index:5;height:100px;width:132px; margin:0;padding:0
}

