/*-- Accroche --*/
#mod_produit{color:#666666;}
#mod_produit .wg a{color:#83b3c9;}
#mod_produit .wg a:hover{color:#BF94C0;}
#mod_produit .accroche{
background:url(../../images/commun/f_accroche.gif) #87b8ce repeat-x;
padding:15px 15px 5px 15px;
margin:0 0 30px 0;
font-size:19px;
}
#mod_produit .accroche .wg{color:#fff;}
#mod_produit .accroche .wg strong{font-size:22px;}
#mod_produit .accroche .wg a{
color:#fff;
text-decoration:underline;
}
#mod_produit .accroche .wg a:hover{text-decoration:none;}
#mod_produit .accroche .wg li{background:url(../../images/commun/puce/puce10.gif) no-repeat 0 8px;}

/*-- Description --*/
#mod_produit .description{
overflow:hidden;
zoom:1;
margin:0 0 15px 0;
}
#mod_produit .description .img{
float:left;
margin:0 20px 10px 0;
_margin:0 17px 10px 0;
}
#mod_produit .description .wg{
line-height:18px;
color:#636363;
}
#mod_produit .description .wg li{background-position:0 5px;}

/*-- Composition --*/
#mod_produit .composition, #mod_produit .besoin{
border:1px solid #e2e2e2;
border-bottom:none;
margin:0 0 25px 0;
}
#mod_produit .composition .titre, #mod_produit .besoin .titre{
overflow:hidden;
zoom:1;
background:url(../../images/commun/f_t_produit.gif) #fff repeat-x;
border-bottom:1px solid #e2e2e2;
padding:8px 15px 8px 15px;
}
#mod_produit .composition .titre h2, #mod_produit .besoin .titre h2{float:left;}
#mod_produit .composition .titre h2 a, #mod_produit .besoin .titre h2 a{
font-size:18px;
font-weight:normal;
color:#83b3c9;
padding:0 0 0 15px;
background:url(../../images/commun/puce/puce4.gif) no-repeat center left;
}
#mod_produit .composition .titre h2 a.on, #mod_produit .besoin .titre h2 a.on{background:url(../../images/commun/puce/puce18.gif) no-repeat center left;}
#mod_produit .composition .titre p, #mod_produit .besoin .titre p{
float:right;
padding:3px 0 0 0;
color:#807f7f;
}
#mod_produit .composition .wg, #mod_produit .besoin .ensemble{
padding:10px 15px 5px 15px;
border-bottom:1px solid #e2e2e2;
line-height:18px;
}
#mod_produit .composition .wg p, #mod_produit .conseil .wg p{padding:0 0 5px 0;}
#mod_produit .composition .wg ul, #mod_produit .conseil .wg ul{padding:0 0 5px 10px;}
#mod_produit .composition .wg li{
background:url(../../images/commun/puce/puce17.gif) no-repeat 0 8px;
padding:0 0 0 10px;
}

/*-- Conseil --*/
#mod_produit .conseil{
margin:0 0 25px 0;
padding:10px 15px 5px 15px;
border:1px solid #e2e2e2;
}
#mod_produit .conseil h2{
font-size:14px;
font-weight:bold;
color:#83b3c9;
padding:0 0 10px 0;
}
#mod_produit .conseil .wg{line-height:18px;}
#mod_produit .conseil .wg li{
background:url(../../images/commun/puce/puce17.gif) no-repeat 0 8px;
padding:0 0 0 10px;
}

/*-- Besoin --*/
#mod_produit .besoin{margin:0 0 25px 0;}
#mod_produit .besoin .ensemble{padding:15px;}
#mod_produit .besoin .formulaire{
float:left;
width:250px;
}
#mod_produit .besoin .formulaire p{
overflow:hidden;
zoom:1;
padding:0 0 8px 0;
}
#mod_produit .besoin .formulaire label{
float:left;
text-align:right;
width:150px;
padding:0 15px 0 0;
}
#mod_produit .besoin .formulaire select{
float:left;
width:85px;
font-size:12px;
color:#666666;
}
#mod_produit .besoin input,
#mod_produit .besoin p.res{float:right;}
#mod_produit .besoin p.res{
width:232px;
height:123px;
overflow:hidden;
zoom:1;
background:url(../../images/commun/f_res.gif) no-repeat;
text-align:center;
padding:70px 10px 0 10px;
font-size:14px;
font-weight:normal;
color:#84b9d2;
line-height:25px;
}
#mod_produit .besoin p.res strong{
color:#bf94c0;
font-size:24px;
font-weight:normal;
}

/*-- Commander --*/
#mod_produit .commander .titre{
overflow:hidden;
zoom:1;
background:url(../../images/commun/f_t_commander.gif) #fff repeat-x;
padding:10px 15px 6px 15px;
}
#mod_produit .commander .titre h2{
font-size:18px;
font-weight:normal;
color:#83b3c9;
padding:0 0 0 15px;
float:left;
}
#mod_produit .commander .titre p{
float:right;
padding:3px 0 0 0;
color:#807f7f;
}
#mod_produit .commander .produit{
background:url(../../images/commun/filet_panier.gif) repeat-x;
overflow:hidden;
zoom:1;
padding:10px 0 10px 0 ;
}
#mod_produit .commander .produit h3{
font-size:12px;
font-weight:bold;
color:#bf94c0;
padding:0 0 5px 15px;
}
#mod_produit .commander .img{
width:110px;
overflow:hidden;
zoom:1;
float:left;
}
#mod_produit .commander .prix{
width:172px;
overflow:hidden;
zoom:1;
float:left;
text-align:center;
padding:0 10px 0 10px;
font-size:14px;
color:#333333;
line-height:20px;
}
#mod_produit .commander .prix strong.euro{
color:#73a8d4;
font-size:18px;
font-weight:normal;
}
#mod_produit .commander span{
line-height:16px;
color:#bf94c0;
font-size:12px;
}
#mod_produit .commander .qu{
width:133px;
overflow:hidden;
zoom:1;
float:left;
}
#mod_produit .commander .qu strong{
color:#333333;
font-size:11px;
font-weight:normal;
}
#mod_produit .commander .qu p{
overflow:hidden;
zoom:1;
padding:6px 0 0 0;
}
#mod_produit .commander .qu a, #mod_produit .commander .qu input{float:left;}
#mod_produit .commander .qu input{
width:25px;
padding:2px 0 0 0;
height:15px;
font-size:12px;
color:#666666;
text-align:center;
border:1px solid #e2e2e2;
margin:0 9px 0 9px;
}
#mod_produit .commander .ajout{
width:120px;
overflow:hidden;
zoom:1;
float:left;
padding:18px 0 0 0;
}
