/* ---------- page produit ---------- */
#droite h1{
padding:0 0 5px 20px;
}
form div{
padding:4px 0;
}
#droite .cadre_carebag{
overflow:hidden;
background:#039de3 url(../../images/commun/f_carebag.jpg) repeat-x left top;
color:#fff;
margin:0 0 15px 0;
}
#droite .cadre_carebag .d1{
background: url(../../images/commun/f_carebag_h.jpg) no-repeat left top;
}
#droite .cadre_carebag .d2{
background: url(../../images/commun/f_carebag_b.jpg) no-repeat left bottom;
padding:18px;
overflow:hidden;
zoom:1;
}
.cadre_carebag img{
float:left;
border:1px solid #d5d5d5;
margin:0 10px 0 0;
}
#droite .cadre_carebag h2{
font-size:17px;
border:0 none;
margin:0;
background: none;
padding:0 0 6px 0;
color:#fff;
font-weight:bold;
}
.cadre_carebag .cadre_txt{
float:right;
width:448px;
background:url(../../images/commun/f_carebag_txt_b.gif) no-repeat left bottom;
padding:0 0 4px 0;
}
.cadre_carebag .cadre_txt .d3{
background: url(../../images/commun/f_carebag_txt_h.gif) no-repeat left top;
padding:4px 0 0 0;
}
.cadre_carebag .cadre_txt .d4{
background-color:#2e7196;
padding:10px 10px 0;
}
#droite .cadre_carebag .cadre_txt .d4 p{
padding:0 0 5px;
}
.cadre{
padding:25px;
margin:0 0 30px 0;
}
.cadre .bloc_img img{
border:1px solid #d5d5d5;
display:block;
}
.cadre p strong{
font-size:14px;
}
.cadre li strong{
color:#009de1;
}
.cadre #descri li{
padding:0 0 15px 15px;
background: url(../../images/commun/p_produits.gif) no-repeat 0 7px;
}
#droite #bloc_descri.cadre h2{
font-size:18px;
color:#4c2199;
background: url(../../images/commun/p_titre.gif) no-repeat 0 4px;
padding:0 0 10px 20px;
border:0 none;
margin:0;
}
#telech{
clear:both;
padding:15px 20px;
border:1px solid #d5d5d5;
margin:15px 0 0 0;
}
#telech li{
padding:0 0 10px 22px;
background: url(../../images/commun/p_telech.gif) no-repeat 0 5px;
font-weight:bold;
}
#telech li a{
color:#424242;
text-decoration:none;
}
#telech li a:hover{
color:#4C2199;
}
#gamme.cadre{
padding:0;
margin:0;
}
#gamme.cadre h2 {
font-size:18px;
}
#gamme.cadre h2 span{
display:block;
font-size:16px;
}
#droite .liste_produit {
background: url(../../images/commun/f_form.jpg) repeat-x left bottom;
overflow:hidden;
zoom:1;
}
#droite .produit{
width:290px;
padding:18px 18px 25px;
overflow:hidden;
zoom:1;
float:left;
}
#droite .produit img{
float:left;
border:1px solid #d5d5d5;
margin:0 10px 0 0;
}
#droite .produit_txt{
float:left;
width:140px;
}
#droite .produit_txt p{
padding:0 0 8px 0;
font-size:12px;
}
#droite .produit_txt .bt{
float:left;
}
#droite .produit_detail{
width:290px;
padding:18px 18px 25px;
overflow:hidden;
zoom:1;
float:left;
}
#droite .produit_detail img{
float:left;
border:1px solid #d5d5d5;
margin:0 10px 0 0;
}
#droite .produit_detail h2{
padding:0;
background:none;
overflow:hidden;
zoom:1;
}
.descri_produit{
float:right;
border:1px solid #d5d5d5;
margin:0 0 10px 20px;
}
/* ---------- fiche produit ---------- */
#droite #avis.cadre{
padding:0;
}
#bloc_descri.cadre .bloc_img{
float:right;
text-align:center;
width:315px;
}
#avis_liens{
float:right;
overflow:hidden;
padding:5px 0 0 0;
}
#avis_liens a{
color:#4c2199;
margin-left:10px;
background: url(../../images/commun/p_lien_on.gif) no-repeat 0 6px;
padding:0 0 0 12px;
}
#droite .cadre .message{
background: url(../../images/commun/f_form.jpg) repeat-x left bottom;
padding:20px 25px;
border-top:10px solid #fff;
overflow:hidden;
zoom:1;
}
#droite strong.avis_date{
float:left;
color:#019de2;
}
#droite strong.avis_ident{
float:right;
}
.cadre label{
float:left;
width:105px;
padding:0 10px 0 0;
margin:0;
text-align:right;
}
.cadre input{
width:158px;
font-size:11px;
border:1px solid #e2e2e2;
padding:1px 0 0 4px;
height:15px;
margin:0 10px 0 0;
color:#424242;
}
.cadre #civ label {
float:none;
}
.cadre #civ input{
width:auto;
margin:0 2px 0 0;
vertical-align:top;
border:0 none;
}
.cadre #bloc_civ div{
padding:0;
}
.cadre select{
width:165px;
font-size:11px;
border:1px solid #e2e2e2;
padding:1px 0 0 0;
height:18px;
color:#424242;
}
.cadre hr{
border:0 none;
height:1px;
padding:0;
margin: 7px 0px 20px 0px;
background-color:#e2e2e2;
!margin: 0px 0px 13px 0px;
!border-top:10px solid #e2e2e2;
}
.mention{
color:#4c2199;
font-size:11px;
float:left;
margin: 12px 10px 0 0;
}
#droite .cadre .submit{
float:left;
margin: 10px 0 0 0;
}
.cadre .file{
height:18px;
padding:0;
}
.cadre textarea{
width:306px;
height:106px;
font-size:11px;
color:#424242;
border:1px solid #e2e2e2;
}
#produit_nav{
overflow:hidden;
padding:0 0 20px 0;
zoom:1;
}
#produit_nav .bt.retour{
float:left;
_width:120px;
}
#droite a.bt.retour strong{
background: url(../../images/commun/bt_retour_g.gif) no-repeat;
height:25px;
}
#droite a.bt.retour:hover strong{
background: url(../../images/commun/bt_retour_g_on.gif) no-repeat;
}
.bt.nav_produit{
float:right;
}

/* nav produits */
#produit_nav div.suiv_prec{
float:right;
height:25px;
padding:0 0 0 6px;
background: url(../../images/commun/bt_g.gif) no-repeat left top;
}
#produit_nav div.suiv_prec div{
background: url(../../images/commun/bt_d.gif) no-repeat right top;
padding:0 6px 0 0;
height:25px;
}
#produit_nav div.suiv_prec div div{
background: url(../../images/commun/bt_f.gif) repeat-x;
padding:6px 10px 0 10px;
height:19px;
}
#produit_nav div div div a{
color:#606060;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
#produit_nav div div div a:hover{
color:#431d87;
}
a.suiv{
margin:0 0 0 10px;
padding:0 10px 0 0;
background: url(../../images/commun/p_fleche_d.gif) no-repeat right 5px;
}
a.prec{
margin:0 10px 0 0;
background: url(../../images/commun/p_fleche_g.gif) no-repeat 0 5px;
padding:0 20px 0 10px;
border-right:1px solid #424242;
}
a.prec.seul{
margin:0;
padding:0 0 0 10px;
border-right:0;
}
a.prec.noborder{
padding:0 0 0 10px;
margin:0;
border-right:0 none;
}
a.suiv:hover{
background: url(../../images/commun/p_fleche_d_on.gif) no-repeat right 5px;
}
a.prec:hover{
background: url(../../images/commun/p_fleche_g_on.gif) no-repeat 0 5px;
}
#msgValid{
color:#c2f090;
}
#droite .divError, #droite #civ .divError{
padding:0 0 0 115px;
}
.hconteneur{
float:right;
text-align:center;
padding: 0 0 5px 20px
}
#hconteneur .actu {
width:240px;
}
#hconteneur .actu a {
color:#424242;
font-size:11px;
text-decoration:none;
}
#hconteneur .actu a:hover {
color:#30aee1;
}
#hconteneur .actu a.visu {
display:block;
margin:0 0 5px;
}




#hconteneur{
width:240px;
margin:0 5px;
}