* { margin:0;padding:0; }

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

#page {
	width:720px;
	margin:0 auto;
	height:100%;
}
#accueil {
	
	font:normal 1.5em Verdana, Sans-serif;
	margin-left:46px;
	padding-top:164px;
	padding-left:44px;
	width:150px;
	height:202px;
	background: url(./images/interface/bg_accueil.png) no-repeat;
}
a#accueil{
	color:#000000;
}

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

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:-197px;
	margin-right:-50px;
}

ul#menu li {
	display:inline;
}

ul#menu a {
	display:block;
	float:left;
	margin-right : 30px;
	padding-right:38px;
	height:15px;
	color:#000000;
	text-transform:uppercase;
	background:url(./images/interface/puce_menu.png)  100% 0%  no-repeat;
	text-decoration:none;
}

ul#menu a:hover {
	background:url(./images/interface/puce_menu2.png)  100% 0%  no-repeat;
}

#contenu {
	width:654px;
	margin-top:-50px;
	height:100%;
}

#recherche a{
	color:#000000;
}

#menu_gauche {
	background:url(./images/interface/bg_menu.png) top left repeat-y;
	position: absolute;
	top: 202px;
	margin-left:47px;
	width:148px;
	height:100%;
	float:right;
}

#menu_gauche h2 {
	color:#000000;
	font:normal 1.5em Verdana, Sans-serif;
	margin:10px 0 5px 5px;
	padding-left:30px;
	background: url(./images/interface/puce_menu2.png)  0% 5px  no-repeat;

}
#menu_gauche ul {
	list-style-type:none;
	margin-left:0px;
	width:147px;
}

#menu_gauche li {
	border-bottom:1px dotted black;
	display:block;
	padding:5px 0 5px 5px;
	text-decoration:none;
	color:#000000;
}
#menu_gauche ul li { 
        position:relative; 
        list-style: none; /*on enleve les icones de liste */ 
        border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
} 
#menu_gauche ul ul { 
        position: absolute; 
        top: 0; 
        left: 147px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
	display:none;
	border-left:1px solid; 
	border-top:1px solid;
	border-right:1px solid;
	background:#ff9f4c;
}   
#menu_gauche img {
	border:none;
	float:left;
}
#menu_gauche ul.niveau1 li.sousmenu:hover ul.niveau2
{
	display:block;
}

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



#bloc {
	background:white top left no-repeat;
	position: absolute;
	top: 202px;
	margin-left:200px;
	width:600px;
	float:right;
	text-align:justify;
}
#panier {
	width:150px;
	padding-top:3px;
	padding-left:750px;
	position: absolute
}
#panier h2 {
	color:#ff7701;
	text-transform:uppercase;
	font:normal 1.5em Verdana, Sans-serif;
	margin:10px 0 5px 10px;
}
#bloc h1 {
	clear:both;
	color:#000000;
	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:#000000;
	font:normal 1.6em Verdana, Sans-serif;
}
#bloc h3 {
	clear:both;
	color:#000000;
	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: 1px dashed gray; 
  margin-left:40px;
}

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

#bloc div {
  float : left;
}
#info_produit table {
  width: 80%; 
  border: 1px dashed gray;
  margin-left: 4px;
  float : left;
}

div.categorie a {
	color:#000000;
	font:normal 0.8em Verdana, Sans-serif;
}

div.categorie  {
	float:left;
	width:150px;
	height:140px;
	margin-left:30px;
	margin-top:30px;
	border:0px solid #000000;
	padding-left:2px;
	text-align: center;
}

div.categorie img {
	border:none;
}

div.produit {
	float:left;
	width:150px;
	height:140px;
	margin-left:30px;
	margin-top:30px;
	border:0px solid #000000;
	padding-left:2px;
	text-align: center;
}
div.produit a {
	color:#000000;
	font:normal 0.8em Verdana, Sans-serif;
}
div.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:#000000;
	
}
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 -------*/