body { margin:0;  width:100%; height:100%; text-align:center;
	font-family:"arial"; font-size:11pt; 
	scrollbar-track-color:#598D5D; scrollbar-base-color:#4a4ac6;
	background-image: url("images/bleu.gif");  background-position: center top; background-repeat:repeat-y;
	color:#333; background-color:#598D5D; }
 table, div { font-family:"Arial"; }

 img, IMG { margin:0; }
 hr { color:#598D5D; 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:#F00; }


 .bgvert { background:#598D5D; }
 .bgbleu { background:#4a4ac6; }
 
 /*------------------------*/
 
.color1 { background-color:#0000CD; }
.color2 { background-color:#FF0000; }
.color3 { background-color:#008B8B; }
.color4 { background-color:#FFD700; }
.color5 { background-color:#4169E1; }
.color6 { background-color:#228B22; }
.color7 { background-color:#4682B4; }

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

 span.bgr { background:#4D51CE; width:50%; float:right; position:absolute; z-index:-1; height:100%; top:0; bottom:0;  }
 
div.main { width:760px; height:100%; background-color:#fff; z-index:2;
	background-image: url("images/bg.jpg");  background-position: center top; background-repeat:no-repeat;
	text-align:left; position:absolute; top:0; left:50%; margin-left:-380px; padding-bottom:1em;
}

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

div.entete {    height:170px; }
 
div.menu h1 { font-weight:900; font-size:12pt; background-color:#4a4ac6;  border-top:1px solid #3A6843;
            letter-spacing:0.1em;
          color:#fff; padding-left:30px; line-height:30px; margin-bottom:0; 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:block; text-align:left; font-weight:bold; z-index:11;
	 position:absolute; right:0; top:88px; padding:0; margin:0; width:565px;
}
div.menu a { width:185px; height:35px; position:absolute; top:0; left:0;
           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:0;  }
div.menu #btn2 { cursor:default; margin-left:188px; }
div.menu #btn3 {  margin-left:375px; }
div.menu #btn4 {  margin-top:-60px; margin-left:188px; }


a.btn { width:185px; height:35px; position:relative; top:0; left:0;
           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; display:block;
	 }
a.select         { background-image:url("accueil/codeMenu/images/button_over.gif"); color:#FFD700; }
a.select:hover   { background-image:url("accueil/codeMenu/images/button_over.gif"); color:#FFF; }
a.btn:hover { background-image:url("accueil/codeMenu/images/button_over.gif"); color:#fff; }

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

div#page { border:0px solid #eee; width:100%; padding-right:0px; background-color:#fff;
          float:right; margin-top:5px;
}
 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:#598D5D; color:#FFD700;  position:relative; left:0px; z-index:0;
          background-image:url("images/h3.bg.gif"); background-position: right center; background-repeat:no-repeat;
 }
 
 #page .center { text-align:center; }
 #page .right { text-align:right; }
 #page .left { text-align:left; }
 

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

#liste { margin-left:5%; width:90%; }
 #liste tr { text-align:center; }
 #liste thead { background-color:#598D5D; font-weight:900; text-align:center; }
 #liste thead tr.entete td { color:#fff; line-height:30px; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4a4ac6,endColorStr=#598D5D);}
 #liste td.ref { font-weight:900; text-align:center; width:20%; }
 #liste td.prix { font-weight:900; text-align:center; padding-right:0px; width:20%;}
 #liste td.lieu { font-weight:900; text-align:center; padding-right:0px; width:20%;}
 #liste td.piece { font-weight:900; text-align:center; padding-right:0px; 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:0; 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 {border:0px solid; }
#fiche table {width:99%;}
#fiche table tr td.texte { width:100%; margin-top:0px; border:0px solid; }
#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:110%; text-align:right;  margin-bottom:4px; }
                 div.description .ref b { font-size:110%; text-align:right; width:100px; }
 div.description .prix { font-weight:300; font-size:110%; text-align:right; display:block; margin-top:4px; margin-bottom:4px; }
                 div.description .prix b { font-size:100%; text-align:right; width:100px; }
 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 { display:block; padding-top:5px; }
 div.description .ajout { display:block; text-align:right; margin-top:15px; }
 div.description .garantie { font-size:110%; text-align:right; display:block; }
 div.description .honoraires { font-size:110%; text-align:right; display:block; clear:left; }


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

 .titre { color:#779966; font-weight:900;}
 h4 { color:#dd1111; font-size:18pt; font-weight:900; margin-bottom:10px; border-bottom:2px solid #dd1111; 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; }