body
{
	width: 999px;
	margin:auto;
   margin-top: 10px;
   margin-bottom: 20px;    
   background-image: url("images/fond.png");
   
}

#en_tete
{

   /*background-image: url("entete.gif");*/
   background-repeat: no-repeat;
   margin-bottom: 5px;
	text-align: center;

}
.img_entete{
 margin-top: 8px;

}
.barre{

	width: 977px;
  background-image: url("images/fond.png");
  background-color: #3BB9FF;
  border-bottom: 2px solid blue; 
  border-top: 2px solid blue; 
    padding: 1px;

}
/* corps gauche index*/
#corps_droite
{
	float: right;
	margin-left:350px;
	margin:auto;
	margin-top:-390px;
    margin-right:0px;
}
.element_corps_droite
{
   background-color: #3366CC;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}

#menu
{
   float: left;
   width: 140px;
   margin-right:20px;
   margin-top:50px;
   margin-left:0px;
 
}

list-style-type: none;
margin: .5em 0;
padding: 0;
width: 180px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

ul, li {
list-style: none;
padding: 0;
margin: 0;
}

#menu li a {
background: #fff url('images/puce.gif') no-repeat 5px center;
font-size: 12px;
font-weight: bold;
color: #000;
display: block;
width: auto;
padding: .5em 0;
padding-left: 1em;
text-decoration: none;
border-bottom: 1px solid #ccc;
}

* html #menu li a { /* IE */
width: 190px;
}

#menu li a:visited, #menu li a:active {
color: #000;
}

#menu li a:hover {
color: #3366CC;
background-color: #f4f4f4;
background-image: url('');
}

#menu #current a {
background-color: #f4f4f4;
background-image: url('images/mm_arrow.gif');
color: #9c0000;
}
#menu img{
background-image: url('images/cadre.gif');

}

.logo {
    background-image: url("images/logo.gif") ;
	background-repeat: no-repeat;

}

  /*corps_centre_page_index       */

#corps
{
   margin-left:155px;
   margin-right: 250px;
   margin-bottom: 20px;
   padding: 5px;
   color: black;

}
#corps p {
margin-left:90px;

}
#corps img {

border: 1px solid black;
margin-right:7px;
}

/*
#corps h1
{
   color: white;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  
} */

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}
  /*corps_centre_page_produit      */
#corps2
{
   margin-left:250px;
   margin-right: 250px;
   margin-bottom: 20px;
   padding: 5px;
   color: black;

}
/*
#corps h1
{
   color: white;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  
} */

#corps2 h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


#pied_de_page
{
   padding: 2px;
   clear: both;
   text-align: center;
   background-image: url("images/Trek1.gif") ;
   background-position: center center;
   background-repeat: no-repeat;
   
    /* border: 2px solid black;   
	   background-color: #3366CC;
	 
  color: #B3B3B3;	*/
}
.text
{
	margin-top:5px;
}
.produit{

margin-left:0px;
margin-right:0px;
}
 /* menu produit                       */
 
#menu_produit {
font: bold 12px arial;
list-style-type: none;
padding: .3em 0;
margin-left: 0;
border-bottom: 1px solid #ccc;
}

ul, li {
list-style: none;
padding: 0;
margin: 0;
}

#menu_produit li {
display: inline;
margin: 0;
}

#menu_produit li a {
	text-decoration: none;
	padding: .3em .7em;
	margin-right: .3em;
	border: 1px solid #000;
	border-bottom: none;
	background-color: #e6f8ff;
	color: #000;
}

#menu_produit li a:visited {
	color: #2d2b2b;
}

#menu_produit li a:hover {
	background-color: #47beea;
	color: #000;
}

#menu_produit li a:active {
	color: #000;
}

#menu_produit li.selected a {
	background-color: #47beea;
	color: #000;
	position: relative;
	top: 1px;
	padding-top: .4em;
}

#menu_produit #current a {
	color: ;
	background-color: #47beea;
}
#revendeur {

   margin-left:187px;
   margin-right: 250px;
   margin-bottom: 20px;
   padding: 5px;
   color: black;

}
#revendeur img {
float:right;
border: 1px solid black;
}
#version {
font: bold 12px arial;
padding: .6em 0;
margin: 0;
width: 100%;
background-color: #f4f4f4;
}

ul, li {
list-style: none;
padding: 0;
margin: 0;
}

#version li {
display: inline;
}

#version li a {
color: #000;
background-color: #f4f4f4;
border: 2px solid #f4f4f4;
padding: 0.3em 0.5em;
text-decoration: none;
}

#version li a:hover {
color: #000;
background-color: #3BB9FF;
border-style: outset;
}

html>body #version li a:active { /* Effet souris onmousedown sauf sur IE */
border-style: inset;
}