/***************** STYLE GLOBAUX *****************/

a:active, a:focus{
outline:none;

}a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:normal 18px Verdana, Georgia, "Times New Roman", Times, serif;
color:#24582e;
letter-spacing:1px;
margin:0 0 12px;
text-align: left;
text-transform:uppercase;
border-bottom:1px solid #A89874;
}

#contenu h1 a{
color:#883b1f;
text-decoration: none;

}

#contenu h1 a:hover{
color:#24582e;
 text-decoration: none;
}
#contenu h2{
font:bold 14px Verdana,"Times New Roman", Times, serif;
color:#883b1f;
margin-top:25px;
text-transform: uppercase;

}

#contenu h3{
font:bold 13px Verdana,"Times New Roman", Times, serif;
color:#883b1f;
margin-top:10px;
text-transform: uppercase;
background-image: url(../images/charte/bull1.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 15px;
height: 20px;

}

#contenu h3 a{
color:#883b1f;
text-decoration: underline;
}

#contenu h3 a:hover{
color:#E2A003;
text-decoration: none;
}


#contenu h4{
font:normal 11px Verdana,"Times New Roman", Times, serif;
color:#24582E;
margin-top:8px;
background-image: url(../images/charte/bull2.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 15px;
margin-left: 15px;
height: 15px;

}

#contenu h4 a{

color:#24582E;
text-decoration: underline;
}

#contenu h4 a:hover{
color:#883b1f;
text-decoration: none;
}

#contenu h5{
font:normal 11px Verdana,"Times New Roman", Times, serif;
color:#5B410E;
margin-top:5px;
background-image: url(../images/charte/bull3.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 10px;
margin-left: 30px;
height: 20px;

}

#contenu h5 a{

color:#5B410E;
text-decoration: underline;
}

#contenu h5 a:hover{
color:#883b1f;
text-decoration: none;
}

a{
font-weight:bold;
text-decoration:underline;
color:#7d8a2e;
}
a:hover{
color:#7d8a2e;
text-decoration:none;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:11px/36px Arial, Helvetica, sans-serif;
color:#ded3bd;
text-align:right;
letter-spacing:1px;
padding:0px 50px 0 0;
height: 36px;

}
#footer a:link, #footer a:visited{
font:10px/35px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
margin-right:20px;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
/***************** CATALOGUE *****************/

#contenu .produit {
width:70px;
height:70px;
float:left;
margin:10px;
}

#contenu .produit img{
border:2px solid #6b614c;}

#contenu .produit h1{
font:bold 11px/10px Arial, Helvetica, sans-serif;
color:#883b1f;
margin:0;
border:none;
letter-spacing: normal;
text-transform:none;}

#contenu .produit .prix{
font:bold 12px Arial, Helvetica, sans-serif;
color:#883b1f;}

#contenu .produit p{
font:normal 11px Arial, Helvetica, sans-serif;
color:#786641;
text-align:left;
margin:5px 0;}

.prod{
width: 150px;
float: left;
margin:20px 20px 0px 40px;
font-size: 11px;
line-height: 14px;
}

.prod-top{
background-image: url(../images/charte/prod-top.gif);
background-repeat: no-repeat;
background-position: top left;
height: 21px;
width: 119px;
color: #F1C04C;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
text-align: left;
padding-left: 5px;
}

.prod-top1{
background-image: url(../images/charte/prod-top1.gif);
background-repeat: no-repeat;
background-position: top left;
height: 21px;
width: 119px;
color: #DDA48F;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
text-align: left;
padding-left: 5px;
}

.prod-top2{
background-image: url(../images/charte/prod-top2.gif);
background-repeat: no-repeat;
background-position: top left;
height: 21px;
width: 119px;
color: #77BB88;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
text-align: left;
padding-left: 5px;
}

.prod-top3{
background-image: url(../images/charte/prod-top3.gif);
background-repeat: no-repeat;
background-position: top left;
height: 21px;
width: 119px;
color: #ffffff;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
text-align: left;
padding-left: 5px;
}



.prod-bottom{
background-image: url(../images/charte/prod-bottom.gif);
background-repeat: no-repeat;
background-position: top right;
height: 19px;
width: 119px;
text-align: right;
}
*html .prod-bottom{
	width:150px;
}
*+html .prod-bottom{
	width:150px;
}

.prod-bottom a{
color: #ffffff;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
text-align: center;
text-decoration: none;
}

.prod-bottom a:hover{
color: #E2A003;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
text-align: center;
text-decoration: none;
}