body{
background-color:#000000;
/*background-image:url(../images/fond_bois.jpg);
background-position:top center;
background-repeat: repeat-x;
background-attachment:fixed;*/
margin:0;

}

.right{
display:block;
float:right;}

.left{
margin-left:2px;
display:block;
float:left;}


#nav_bas{

margin-top:10px;
margin-bottom:10px;

height:30px;
width:720px;
}
#nav_bas_fiche{
clear:both;
/*background-image: url(../images/fond_prod_grille.png);
background-repeat: repeat-x;*/
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
height:30px;
width:672px;
}

#cont_header{
width:950px;
height:150px;}



#cont_gauche{
float:left;
width:250px;
height:auto;}

/*#cont_droite{
	background-color: #0F0;
float:right;
width:390px;
height:auto;}*/

#cont_info{
width:100%;
height:auto;}


#cont_prix{
	color:#FFF;
margin-top:10px;
height:150px;
width:250px;
/*background-image: url(../images/fond_prod_grille.png);
background-repeat: repeat-x;*/

text-align:center;
color:#ffffff;}

#prix{
	background-image: url(../images/prix.png);
background-repeat: no-repeat;

	margin-right:10px;
	float:left;
	width:60px;
	height:60px;
	

margin-top:5px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
color:#fff;}

#prix_barre{
	padding-left:5px;
	padding-right:5px;

	padding-top:10px;
	background-image: url(../images/remise.png);
background-repeat: no-repeat;
	margin-right:10px;
	float:left;
	width:50px;
	height:50px;
	text-decoration: line-through;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#000;}

#remise{
	padding-top:10px;
	background-image: url(../images/remise.png);
background-repeat: no-repeat;
	float:left;
	width:50px;
	height:50px;
margin-top:5px;

padding-left:5px;
	padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#000;}


#bloc_info{
float:right;
width:400px;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}

#prod_marque{
	margin-bottom:10px;

width:243px;
background-color:#000000;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;}

#desc{
background-color: #FFFFFF;
text-align:justify;
width:390px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding:5px;
}

#titre_dispo{
background-color:#000000;
width:390px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:5px;
margin-top:10px;
}

#dispo{
color:#000000;
background-color:#ffffff;
width:390px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
}

#prod{
background-color:#000000;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;}

#elements_droite{
float:right;
height:150px;
width:200px;}


#panier{
line-height:28px;
background-image:url(../images/panier.png); 
height:30px; 
width:190px; 
cursor: pointer; 
text-align:right; 
padding-right:10px; 
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}

#entete_menu{
width:200px;
text-align:center;}

#compte_cli{
width:200px;
height:30px;
margin-top:10px;}

#compte_fb{
width:200px;
height:30px;
}

#marques{
margin-top:25px;
margin-left:300px;
float:left;
width:400px;
height:100px;}


.log_marques{
float:left;
width:100px;
height:100px;}

#slider_img{
width:690px;
height:250px;
background-color:#666666;}


#conteneur{
margin-left:auto;
margin-right:auto;
width:950px;

}

#header{
background-image:url(../images/header.png);
width:950px;
height:220px;

}


#moteur_rech{
margin-top:10px;
}

#corps{
width:950px;




}

#affichage{
margin-left:30px;
margin-right:30px;
width:690px;
float:right;
}


#affichage table{
margin-left:4.5px;

}

#affichage table td table{
background-image:url(../images/fond_prod_grille.png);
background-repeat:repeat-x;
}

#affichage table td table tr{



}


.nom_prod{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
}

.prix_prod{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
}

#promo{
margin-left:170px;
position:absolute;
z-index:1;
width:50px;
height:50px;
background-color:#003333;}

#menu2{

margin-left:25px;
width:175px;
height:auto;
float:left;
}

#footer{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-indent:10px;
line-height:35px;
clear:both;
width:950px;
height:50px;
background-image:url(../images/footer.png);
}

#liste_lien{
margin-bottom:10px;
text-align:center;
text-decoration:none;
width:950px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;}


#liste_lien a{
color:#000000;
text-decoration:none;
}

#liste_lien a:hover{
text-decoration:none;
color:#ffffff;}

#liste_lien2{
margin-bottom:10px;
text-align:left;
text-decoration:none;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;}


#liste_lien2 a{
color:#CCCCCC;
text-decoration:none;
}

#liste_lien2 a:hover{
text-decoration:none;
color:#CCCCCC;}






/* FICHE ARTICLE */
#fiche_art{
background-image:url(../images/bg_fiche.png);
margin-left:25px;

width:670px;
height:500px;

}



/*  MENU  2   */
.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
     /* background: #000; */
      color: #fff; 
      width: 200px; 
     /* font: 12px, "Trebuchet MS", sans-serif;*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  font-weight:bold;

      } 
   .navigation a, .navigation span {
   line-height:20px;
   text-indent:5px;
      display: block;
	  height:30px;
      padding: 4px 10px; 
      color: #000000; 
      text-decoration: none; 
      background: transparent url(../images/menu-item.png) no-repeat;

      } 
 .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
   height:23px;
      background-image: url(../images/menu-item-deroule.png); 
      } 
	  

	  
	  
   .navigation .open a, .navigation .open span {

      background-image: url(../images/menu-item-enroule.png); 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
 
         color: #ffffff; 
      text-decoration: none; 
      } 
   .navigation .subMenu, .open_at_load {

   font-size:11px;
	  list-style:none;
      margin: 0; 
      padding: 0; 
      } 
   .navigation ul.subMenu a {   
      line-height:15px;
	  color:#CCCCCC;
   background:  url(../images/subMenu.png);
   height:15px;
   font-weight:bold;

      }
	  
.navigation ul.subMenu a:hover {   
   	  color:#ffffff;
      line-height:15px;   
   background:  url(../images/subMenu.png);
   height:15px;
   font-weight:bold;

      }
	
.navigation ul.open_at_load a {
      line-height:15px;
	  color:#CCCCCC;
   background:  url(../images/subMenu.png);
   height:15px;
   font-weight:bold;
}

.navigation ul.open_at_load a:hover{
   	  color:#ffffff;
      line-height:15px;   
   background:  url(../images/subMenu.png);
   height:15px;
   font-weight:bold;


}




/* style du menu 1 >>>>> RAYON */
#menu-wrap1{
  background: transparent url(../images/nav-left.png) no-repeat left top;
  padding-left: 25px;
  z-index: 100;

  left: 1em;
  height: 64px;
}

#menu1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
  background: transparent url(../images/nav-bg.png) no-repeat right top;
  padding-right: 25px;
  float: left;
  width:900px;
height:50px;
line-height:35px;
}




#menu1 ul#nav, #menu1 ul#nav li{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#menu1 ul#nav{
    background: transparent url(../images/nav-div.png) no-repeat right top;
    padding-right: 2px;
    display: block;
    height: 64px;

}


#menu1 ul#nav li{
  display:inline;
  float: left;
  position: relative;
  background: transparent url(../images/nav-div.png) no-repeat left top;
  padding-left: 2px;

}

#menu1 ul#nav li a{
text-align:center;
padding-left:10px;
padding-right:10px;
  display: block;
  margin-top: 1px;
  height: 35px;
  float: left;
  color: #000000;
  text-decoration: none;
  font-size: 120%;
    width:80px;
}

#menu1 ul#nav li a:hover{
  color: #fff;
}

#menu1 ul#nav .fadeThis {
  position:relative;
  z-index: 1;
  background: none;
}

#menu1 ul#nav .fadeThis span.hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent url(../images/nav-active.png) repeat-x left top;
  z-index: -1;
  margin: 0;
  padding: 0;
}

#menu1 ul#nav li a span{
  display: block;
  margin-top: 6px;
  padding: 0 8px;
}


/* BLOC D4ACCES*/

#bloc_cont{
margin-top:30px;
margin-left: 30px;
margin-right: 27px;
width: 662px;
float: right;
}

#bloc_gauche{

margin-bottom:30px;
width:315px;
height:130px;
float:left;
}

#bloc_droite{

margin-bottom:30px;
height:130px;
width:315px;
float:right;
}

#bloc_tete{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
line-height:15px;
text-indent:5px;
padding:5px;
background-color:#000000;
width:305px;
height:16px;
}

#bloc_corps{
width:315px;
height:115px;
background-image: url(../images/fond_prod_grille.png);
background-repeat: repeat-x;
padding-top:5px;
}

#bloc_in{

width:305px;
height:110px;
margin-right: auto;
margin-left: auto;
}

.bloc_in_txt a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.bloc_in_txt a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
font-weight:bold;
text-decoration:none;
cursor:
}

#chemin_de_fer{
line-height:20px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-indent:5px;
margin-bottom:10px;
margin-left:5px;
width:710px;
background-image: url(../images/fond_prod_grille.png);
background-repeat: repeat-x;
height:20px;}

#chemin_de_fer a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;}

#chemin_de_fer a:hover{
text-decoration:underline;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;}

.titre_rech{
border-bottom:#666666;
border-bottom-style:dotted;
border-bottom-width:1px;
width:100%;
font-weight:bold;}

.input{
width:300px;}

.select{
width:300px;}

#infos_consultation{
line-height:20px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-indent:5px;
margin-bottom:10px;
margin-left:5px;
width:710px;
background-image: url(../images/fond_prod_grille.png);
background-repeat: repeat-x;
height:20px;}


#reponse_pai{
line-height:20px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-indent:5px;
margin-bottom:10px;
margin-left:5px;
width:710px;
background-image: url(../images/fond_prod_grille.png);
background-repeat: repeat-x;
height:150px;}

#zoom{
	position:relative;
	bottom:22px;
	}
	
.table_stock{
	text-align:center;
	width:100%;	
	
	
	}
	.table_stock td{
		text-align:center;
	width:50%;	
	border-color:#666;
	border:solid 1px;
	
	}

.backyard

{
	float:right;
bottom: 0px;

width: 120px;

height: 50px;

display: block;

z-index: 10000;

}

.backyard a

{

background-image: url(../images/backyard.png);

background-repeat: no-repeat;

}

.backyard a:hover 

{

background-image: url(../images/backyard2.png);

background-repeat: no-repeat;

}