@charset "utf-8";
/* CSS Document */

*{
color:#000000;
font-size: 11px;
line-height:12px;
font-family:  Arial, Helvetica, Arial, Geneva, sans-serif; 
}

body{
margin:0;
background-image:url(img/fond_vieille_planche.jpg);
}
#recherche{
position:absolute;
z-index: 10;
background-image:url(img/recherche.png);
width:196px;
height:37px;
padding-left:10px;
padding-top:8px;
}
#recherche #artnumber{
margin-top:-5px;
padding-left:10px;
font-size:9px;
text-shadow: 3px 4px 0.5em #000000; 
color:#FFFFFF;}


#recherche #q{
width:155px;
height:16px;
border:1px solid #000000;
}
#recherche #ok{
vertical-align:top;}


#ecolobois{

}

#menu_top{
position:absolute;
z-index: 10;
right:0;
background-image:url(img/menu_top.png);
width:580px;
height:128px;
color:#FFFFFF;
font-size: 12px;
text-shadow: 3px 4px 0.5em #000000; 
}
#menu_top A{
font-size: 12px;
text-decoration:none;
color:#FFFFFF;
outline:none;
border:none;
}
#menu_top A:hover{
text-shadow: 0px 0px 0.5em #000000; 
}
#menu_top div{
color:#FFFFFF;
font-size: 12px;
text-shadow: 3px 4px 0.5em #000000; 
text-align:right;
width:570px;
padding-top:5px;
font-size: 12px;
}
#menu_top img {
vertical-align:middle}


 



#content{
position:absolute;
top:95px;
left:188px;
right:70px;
z-index: 1;
background-color:#FFFFFF;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
min-height:500px;
}

#colophon{
clear:both;
height:25px;
text-align:center;
color:#000000; 
}
#colophon img{
vertical-align:baseline}
#colophon A {
color:#000000;
text-decoration:none}
#colophon A:hover {
color:#000000;
text-decoration:underline}



#menu_left{
position:absolute;
top:140px;
z-index: 11;
color:#FFFFFF;
color:#FFFFFF;
text-shadow: 3px 4px 0.5em #000000; 
}

#menu_left A{
text-decoration:none;
color:#FFFFFF;
outline:none;
border:none;
}
 
#menu_left .menu1:hover{
text-shadow: 0px 0px 0.5em #000000; 
background-image:url(img/planche2.png);
}

#menu_left .menu1, #menu_left .menu2{
background-image:url(img/planche1.png);
//background-color:#594028;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
width:155px;
height:16px;
padding-left:12px;
padding-top:2px;
}
#menu_left .active, #menu_left .menu2{
background-image:url(img/planche2.png);
}
#menu_left .active{
font-weight:bold;
}

#menu_left .menu2{
width:150px;
padding-left:17px
}
#menu_left img{
position:relative;
padding-top:5px;
margin-left:-16px;
}
 
 



#commercial{
position:fixed;
bottom:0px;
right:0px;
width:86px;
height:58px;
z-index: 15;
background-image:url(img/gerard_saillard.png);
border-bottom:1px solid #000000;
font-size:9px;
line-height:11px;
padding-top:112px;
padding-left:4px;
color:#FFFFFF;
}
#commercial A{
color:#FFFFFF;
font-size:9px;
line-height:11px;
}
#commercial strong{
color:#FFFFFF;
}

#content{
padding-top:10px;
padding-left:25px;}
#ariane{
padding-bottom:20px;}
#ariane A{
color:#000000;
text-decoration:none;
}

#ariane A.active{
font-weight:bold;
}


#ariane A:hover{
color:#000000;
text-decoration:underline;
}

.cover{
position:absolute;
width:675px;
height:425px;
z-index:100;
background-image:url(img/bg_bloc2.png);
}


.bloc2{
float:left;
width:675px;
height:425px;
margin-right:20px;
margin-bottom:28px;
 
}
.bloc1{
float:left;
margin-bottom:28px;
margin-right:20px;
background-image:url(img/bg_prod.jpg);
width:295px;
height:175px;
padding-left:15px;padding-right:15px;padding-bottom:15px;padding-top:10px;
}
.bloc1 A:hover{
color:#f76627;}
.prod_titre {
padding-bottom:6px;
font-size:18px;
font-weight:bold;
color:#4d371c;
text-decoration:none;
} 
.prod_titre A{
font-size:18px;
 line-height:16px;
font-weight:bold;
color:#4d371c;
text-decoration:none;
} 



.prod_image{
float:left;
width:14Opx;
height:140px;
margin-right:10px;
border:none;
}
.prod_desc A{
 text-decoration:none;
 
}

.prod_ttc {
padding-top:15px;
text-decoration:none;
color:#f76627;
font-size:18px;
font-weight:bold;
}

.prod_ttc A{
text-decoration:none;
color:#f76627;
font-size:18px;
font-weight:bold;
}
.prod_ht {
text-decoration:none;
padding-top:2px;
color:#999999;
}
.prod_ht A{
text-decoration:none;
color:#999999;
}
.prod_next {
 padding-top:15px;
}
 .prod_next A{
  color:#4d371c;
 font-size:16px;
 font-weight:bold;
 text-decoration:underline;
 }
 
.a_partir{
padding-bottom:2px}

.bloc_art{
padding-right:25px;
font-size:13px;
line-height:14px;
padding-bottom:20px;
text-align:justify;
}

.nb_paiement{
padding-top:10px;
}

.bloc_art .titre {
font-size:18px;
 line-height:16px;
font-weight:bold;
color:#4d371c;
text-decoration:none;
padding-bottom:5px;
}

 

.titre_panier{
text-align:center;
color:#000000;
font-size: 11px;
font-weight: bold;
}

.texte_panier{
padding-top:5px;
padding-bottom:5px;
color:#000000;
font-size: 11px;
}

.qte {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
height:12px;
width:30px;
color:#ffffff;
background-color:#5d870b;
border: #2b2829 0px solid; 
border-color  : #2b2829;
text-align:center;
}

.button{    
border: #2b2829 1px solid;    
PADDING-RIGHT: 0px;    
PADDING-LEFT: 0px;  
PADDING-BOTTOM: 0px;    MARGIN: 3px;     
COLOR: #ffffff;    
PADDING-TOP: 0px;    
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;  
background-color:#5d870b;
}
.champ1,.champ2,.txtinput,.listinput,.listinput2 {
font-family: Arial, Helvetica, sans-serif; 
PADDING: 2px; 

font-size:11px;
color:#ffffff;
border:none;
background-color:#5d870b;
}

.champ1 {
width:100px;
height:18px;
}

.champ2 {
width:270px;
height:18px;
}
.txtinput,.listinput {
width:270px;
}
.listinput2 {
width:100px;
}

.titre_page {
padding-bottom:6px;
font-size:18px;
font-weight:bold;
color:#4d371c;
text-decoration:none;
} 

h1 {
padding-top:20px;
margin-bottom:0;
padding-bottom:6px;
font-size:18px;
font-weight:bold;
color:#4d371c;
text-decoration:none;
}

.rss_item{
font-size:12px;
padding-bottom:35px;
clear:both;}
.rss_item A{
border:none;

}
.rss_item img{
float:left;
padding:5px;
border:none;
}

.rss_date{
color:#999999;
font-weight:bold;
font-size:10px;}