body { margin:0px;  width:100%; height:100%; text-align:center;
	font-family:"arial"; font-size:11pt; 
	scrollbar-track-color:#228B22; scrollbar-base-color:#0000cd;
	background-image: none;  background-position: center top; background-repeat:repeat-y;
	color:#333; background-color:#fff; }
 table, div { font-family:"arial"; }

 img, IMG { margin:0px; } 
 hr { color:#779966; height:2px;}
 ul, li { list-style: outside; }
 li.picto, ul.picto { list-style-image: url("images/li.gif"); }
 a { color:#31317B; font-weight:700; }
 a:hover { color:#FF0000; }


 .bgvert { background:#fff; }
 .bgbleu { background:#fff; }
 
 /*------------------------*/
 
.color1 { background-color:#fff; }
.color2 { background-color:#fff; }
.color3 { background-color:#fff; }
.color4 { background-color:#fff; }
.color5 { background-color:#fff; }
.color6 { background-color:#fff; }
.color7 { background-color:#fff; }

 /*------------------------*/

 span.bgr { background:#fff; width:50%; float:right; position:absolute; z-index:-1; height:100%; top:0px; bottom:0px;  }
 
div.main { width:700px; height:100%; background-color:#fff; z-index:2;
	background-image: none;  background-position: center top; background-repeat:no-repeat;
	text-align:left; position:relative; top:0px; left:0%; margin-left:0px; padding:0em;
}

 /*------------------------*/

div.entete {    height:1px; display:none; overflow:hidden; }
 
div.menu h1 { font-weight:900; font-size:12pt; background-color:#0000cd;  border-top:1px solid #3A6843;
            letter-spacing:0.1em;
          color:#fff; padding-left:30px; line-height:30px; margin-bottom:0px; margin-top:46px;  float:right; width:90%;
          background-image:url("images/h1.bg.gif"); background-position: top left; background-repeat:no-repeat;
}

a#logo { position:absolute; top:0px; left:0px; height:170px; width:190px; }

div.menu {	border:0px solid; display:none; text-align:left; font-weight:bold;
	 position:absolute; right:0px; top:88px; padding:0px; margin:0px; width:565px;
}
div.menu a { width:185px; height:35px; position:absolute; top:0px; left:0px;
           background-image:url("accueil/codeMenu/images/button.gif"); background-position: center center; background-repeat:no-repeat;
	   line-height:35px; text-decoration:none; font-size:11pt; text-align:center; color:#FFD700;
	   overflow:hidden; border:0px solid red;  display:block;
	 }
div.menu a.select         { background-image:url("accueil/codeMenu/images/button_over.gif"); color:#FFD700; }
div.menu a.select:hover   { background-image:url("accueil/codeMenu/images/button_over.gif"); color:#FFF; }
div.menu a:hover { background-image:url("accueil/codeMenu/images/button_over.gif"); color:#fff; }
div.menu #btn1 { cursor:default; margin-left:0px; }
div.menu #btn2 { cursor:default; margin-left:188px; }
div.menu #btn3 {  margin-left:375px; }

/*---------- LA PAGE --------------*/

div#page { border:0px solid #eee; width:100%; padding-right:0px; background-color:#fff;
          float:none; margin:0px;
}
 div#page h1 { display:none; visibility:hidden;  }
 div#page .texte { padding:5px; text-align:justify; }
 div#page h3 { margin-top:2em; margin-bottom:2em; font-size:12pt; text-align:left; font-weight:900;
          padding-right:50px; text-align:right; width:40%; line-height:22px;  letter-spacing:0.05em;
          background-color:#228B22; color:#FFD700;  position:relative; left:0;
          background-image:url("images/h3.bg.gif"); background-position: right center; background-repeat:no-repeat;
 }

/*------------------------*/

#liste { margin-left:5%; width:90%; }
 #liste tr { text-align:center; }
 #liste thead { background-color:#228B22; font-weight:900; text-align:center; }
 #liste thead tr.entete td { color:#fff; line-height:30px; }
 #liste td.ref { font-weight:900; text-align:center; width:20%; }
 #liste td.prix { font-weight:900; text-align:center; padding-right:0; width:20%;}
 #liste td.lieu { font-weight:900; text-align:center; padding-right:0; width:20%;}
 #liste td.piece { font-weight:900; text-align:center; padding-right:0; width:20%;}
 #liste td.img { width:20%; text-align:center; margin:5px; }
 #liste td.img img { height:50px; }
 #liste td.detail { font-weight:900; text-align:center; padding-right:0px; width:20%;}
 #liste td.detail  a { text-decoration:none; font-weight:900; color:#31317B; }
 #liste td.detail  a:hover { color:#3A6843; }

div#zoom { cursor:pointer; display:none; position:absolute; z-index:99; width:100%; height:100%; background-color:#fff;
	 text-align:center; border:5px solid #3A6843; top:0px; bottom:0px; left:0px;}
  img#image { cursor:pointer; border:5px solid #31317B;}

div#fiche { }
#fiche table tr td.texte { width:62%; margin-top:0px;}
#fiche table tr td.photo { text-align: left; padding-left:20px; padding-top:5px;}
#fiche div.group1 { margin-left:455px; margin-top:-115px; text-align:center; }
#fiche div.group2 { text-align:left; }
#fiche span.img { width:200px; height:140px; line-height:140px; text-align:center; margin:4px;  display:inline; }
 #fiche span.img img { width:230px; }
#fiche div.description { width:100%; margin:5px; padding:5px; font-size:9pt; border:0px solid; }
 div.description .ref { display:block; font-size:120%; text-align:right;}
 div.description .prix { font-weight:900; font-size:120%; text-align:right; display:block; }
 div.description .lieu { font-weight:900; font-size:120%; text-align:left; display:block; }
 div.description .piece { font-weight:900; font-size:120%; text-align:left; display:block; }
 div.description .descriptif { xheight:0px; display:block; padding-top:5px; }
 div.description .ajout { display:block; text-align:right; margin-top:15px; }


/*------------------------*/

 .titre { color:#779966; font-weight:900;}
 h4 { color:#d11; font-size:18pt; font-weight:900; margin-bottom:10px; border-bottom:2px solid #d11; padding:4px; }
 input.b, textarea, select, option { background-color:#fff; }

 .cache { display:none; visibility:hidden; position:absolute; z-index:-1; width:1px; height:1px; overflow:hidden; }