/*ESPACE PRODUITS + CATALOGUE*/

#milieu .famille{
padding-top:20px;
float:left;
width:308px;
background:#fff;
}

#milieu .famille .boutton{
/*margin-left:21px;*/
width:308px;
background:#fff;
height:31px;
padding:0;
}

#milieu .famille .boutton img{
float:right;
}

#milieu .famille .essentiel{
padding:10px;
background:#fbc530;
}

#milieu .descriptif{
margin-top:20px;
margin-left:8px;
width:210px;
float:left;
}


#milieu .descriptif img{
float:left;
margin-bottom:10px;
}

#milieu .famille h1{
font-size:2.1em;
line-height:1.3em;
font-family : Trebuchet MS;
color:#774e39;
font-weight:normal;
text-align:right;
margin-bottom:20px;
}

#milieu .famille .essentiel p{
color:#774e39;
font-size:0.9em;
line-height:1.2em;
}

#milieu .descriptif p{
font-size:0.9em;
line-height:1.2em;
color:#774e39;
}

#milieu .descriptif p b, #milieu .famille .essentiel p b{
font-size:1.2em;
line-height:1.3em;
}


.produit_entete{
padding-top:5px;
padding-bottom:5px;
background:#fff;
padding-left:15px;
padding-right:15px;
}

.produit_entete .cat_prod{
margin-left:-15px;
margin-top:-5px;
}

.produit_entete h1{
font-size:1.3em;
color:#774e39;
}


.produit_entete h1 i{
font-size:0.8em;
color:#774e39;
font-weight:normal;
}

.produit_cat{
position:relative;
float:left;
width:528px;
background:#fbc530;
}

.produit_cat .prod_gauche{
position:relative;
width:128px;
float:left;
text-align:center;
}

.produit_cat .prod_gauche a img{
float:left;
margin-bottom:5px;
}

.produit_cat .prod_gauche .img-grd{
display:block;
z-index:10;
position: absolute;
display:none;
left:140px;
top:-64px;
width: 320px;
height: auto;
border:1px solid #333;
background:#fff;

}

.produit_cat .prod_gauche .img-grd img{
width: 320px;
height: auto;
margin:0;
}

.produit_cat .prod_gauche a:hover .img-grd{
display:block;
}

.produit_cat .prod_gauche a:hover{
cursor:pointer;
}

.produit_cat .prod_gauche a p{
margin:0;
padding-bottom:5px;
width:116px;
font-size:0.8em;
color:#000;
}

.produit_cat .prod_droite{
width:400px;
float:right;
margin-top:5px;
margin-bottom:10px;
}

.produit_cat .prod_gauche .homologation{
float:left;
clear:left;
margin-top:5px;
margin-left:5px;
}

.produit_cat .prod_gauche .picto{
margin-right:5px;
float:left;
}

.produit_cat .prod_gauche .picto img{
float:left;
}

.separation{
float:left;
background:#fff;
height:12px;
width:528px;
}

.separation span p{
display:none;
}

.prod_droite h1{
font-size:1.1em;
color:#774e39;
}

.prod_droite h2{
font-weight:normal;
font-size:1em;
color:#774e39;
}

.prod_droite h3{
margin-bottom:3px;
padding:0;
font-size:0.9em;
color:#000;
}

.prod_droite ul{
margin-top:0;
padding:0;
margin-left:15px;
}

.prod_droite li{
font-size:0.9em;
line-height:1.1em;
list-style-type:none;
}

.prod_gauche .prix{
margin-right:10px;
float:left;
background:#774e39;
padding:3px;
}

.prod_gauche .prix p{
color:#fff;
font-size:1em;
}

.prod_droite .picto_panier{
right:0;
bottom:0;
position:absolute;
padding:3px;
background:#774e39;
}

.prod_droite .picto_panier a{
color:#fff;
text-decoration:none;
}

.prod_droite .picto_panier a:hover{
color:#fbc530;
}

#milieu .panier{
background:#fff;
}

#milieu .panier h1{
font-size:2em;
padding:5px;
color:#774e39;
}

#milieu .panier a{

text-decoration:none;
color:#000;
}

#milieu .panier a:hover{
text-decoration:none;
color:red;
text-decoration:underline;
}

#milieu .commande{
width:100%;
border-collapse:collapse;
}

#milieu .commande tr{
background:#fff;
}

#milieu .commande td{
padding:5px 8px;
border-top:1px solid #774e39;
}

#milieu .commande p{
text-align:center;
font-size:0.9em;
}

#milieu .commande a{
text-decoration:none;
color:#000;
}

#milieu .commande a:hover{
text-decoration:none;
color:red;
text-decoration:underline;
}

#milieu .commande p input{
background:#ddd;
text-align:center;
font-size:1em;
padding:2px;
}

#milieu .commande h1{
font-size:0.9em;
text-align:center;
}

#milieu .commande h3{
font-size:0.9em;
font-weight:normal;
}

#milieu .panier h2{
padding:5px;
text-align:right;
font-size:1em;
background:#774e39;
color:#fff;
margin:0;
}

#milieu .panier h4 {
margin-top:5px;
text-align:right;
font-size:1em;
padding:5px;
background:#fff;
}

#milieu .panier h4 a{
margin-right:20px;
color:#774e39;
}

#milieu .panier h4 a:hover{
color:#fbc530;
}

#milieu .panier h2 i{
margin-right:20px;
font-weight:normal;
}

#milieu .commande .hide{
display:none;
}