* { margin:0;padding:0; }

body {
	font:normal 0.7em Verdana, "Trebuchet MS", Tahoma, Helvetica, Sans-serif;
	background:white url(./images/interface/bg.png) repeat-x;
	color:#535252;
}

#page {
	width:720px;
	margin:0 auto;
}

h1.Marechaux {
	background:url(./images/interface/header.jpg) top left no-repeat;
	text-indent:-9000px;
	width:100%;
	height:100px;
	margin-top:23px;
}

h1 span {
	color:#1187CB;
	text-transform:uppercase;
}

img#logo { border:0;margin:25px 0 0 20px; }

ul#menu {
	list-style-type:none;
	float:right;
	text-align:center;
	margin-top:-2px;
}

ul#menu li {
	display:inline;
}

ul#menu a {
	display:block;
	float:left;
	width:80px;
	height:25px;
	color:#535252;
	text-transform:uppercase;
	background:url(./images/interface/puce_menu.png) 100px no-repeat;
	text-decoration:none;
}

ul#menu a:hover {
	display:block;
	float:left;
	width:80px;
	height:25px;
	color:#535252;
	text-transform:uppercase;
	background:url(./images/interface/puce_menu.png) bottom no-repeat;
	text-decoration:none;
}

#contenu {
	width:654px;
	margin-top:-32px;
}

#menu_gauche {
	background:url(./images/interface/bg_menu.png) top left no-repeat;
	width:161px;
	float:right;
}

#menu_gauche h2 {
	color:#1187CB;
	text-transform:uppercase;
	font:normal 1.3em Verdana, Sans-serif;
	margin:10px 0 5px 10px;
}
#menu_gauche ul {
	list-style-type:none;
	margin-left:20px;
	
	width:125px;
}

#menu_gauche li {
	border-bottom:1px dotted #CCCACA;
	display:block;
	padding:10px 0 10px 10px;
	text-decoration:none;
	color:#535252;
}
#menu_gauche img {
	border:none;
	float:left;
}

#menu_gauche a:hover { text-decoration:underline; }



#bloc {
	background:url(./images/interface/bg_contenu.png) top left no-repeat;
	width:459px;
	float:right;
	text-align:justify;
}
#panier {
	width:150px;
	padding-top:3px;
	padding-left:600px;
	position: absolute
}
#panier h2 {
	color:#1187CB;
	text-transform:uppercase;
	font:normal 1.3em Verdana, Sans-serif;
	margin:10px 0 5px 10px;
}

#bloc h1 {
	clear:both;
	color:#1187CB;
	font:normal 1.6em Verdana, Sans-serif;
	background:url(./images/interface/puce_titre.png) left no-repeat;
	text-indent:15px;
	margin:5px 10px;
}
#bloc h2 {
	clear:both;
	color:#1187CB;
	font:normal 1.6em Verdana, Sans-serif;
}
#bloc h3 {
	clear:both;
	color:#535252;
	font:normal 1.2em Verdana, Sans-serif;
}
#bloc img{
	border:none;
}
#bloc p {
	width:440px;
	margin:0 10px;
}
#bloc table {
  width: 100%; 
  border: 0px; 
}
#attente table {
  width: 100%; 
  border: 0px dashed gray; 
}
#etape2 table {
  width: 100%; 
  border: 0px dashed gray; 
  margin-left:40px;
}

#bloc caption {
  text-align: center; 
  font-weight: bold;  
  color: #1187CB;     
}
#bloc th { 
  background-color: #D3E2ED; 
  color: #666666;            
}
#bloc td {
  
}

#bloc div {
  float : left;
}
#info_produit table {
  width: 80%; 
  border: 1px dashed gray;
  margin-left: 4px;
  float : left;
}
#categorie {
	width:459px;
	float:right;
}
#categorie h2 {
	color:#1187CB;
	font:normal 1.3em Verdana, Sans-serif;
}
div#categorie {
	float:left;
	width:120px;
	height:120px;
	margin-left:50px;
	margin-top:30px;
	border:0px solid #000000;
	padding-left:2px;
	text-align: center;
}

#categorie img {
	border:none;
}

div#produit {
	float:left;
	width:120px;
	height:120px;
	margin-left:50px;
	margin-top:40px;
	border:0px solid #000000;
	padding-left:2px;
	text-align: center;
}
#produit h2  {
	color:#1187CB;
	text-align: center;
	font-size : 12px;
}
#produit img {
	border:none;
}

#arbo a{
	float:left;
}
.buttons input {
	float:left;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#eaeaea;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 5px 5px 5px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


a {
	display:block;
	text-decoration:none;
	color:#535252;
	
}
a:hover { text-decoration:underline; }

p.desc { color:#DCDADA;font:normal 0.8em Verdana, Sans-serif;padding:0 0 5px 10px; }
p.desc a { color:#DCDADA;text-decoration:none; }
p.desc a:hover { text-decoration:underline; }

p.commentaires { padding:15px 0 3px 0;text-align:right;width:100%;border-bottom:1px dashed #807F7F; }
p.commentaires a { color:#1187CB;text-decoration:none; }
p.commentaires a:hover { color:#1187CB;text-decoration:underline; }
p.commentaires em { font-style:normal;font-weight:bold; }


/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(XXX/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/