/*###############  Fiches produits #############*/

/*---------------------gauche---------------------*/

#contenu_gauche {
width:190px;
margin-top:20px;
padding:0;
float:left;
}

#ses_plus {
background: url(../images/commun/fond_ses_plus.png) no-repeat;
width:190px;
margin:0;
padding:0;
}

#contenu_gauche h2{
font: bold 18px arial, verdana, sans-serif;
color:#E1007A;
margin:10px 0 0 10px;
}

.ses_plus_element {
width:190px;
height:90px;
padding:0;
float:left;
display:block;
}


.visuelsplus {
width:90px;
height:90px;
margin:0;
padding:0;
float:left;
}

.ses_plus_element_droite{
background:url(../images/commun/fond_ses_plus_droite.png) no-repeat;
width:100px;
height:90px;
margin:0;
padding:0;
float:left;
}

.ses_plus_element_droite p{
font: normal 11px arial, verdana, sans-serif;
color:#000;
padding-top:10px;
float:left;
}

.voir_la_demo {
background:url(../images/commun/voir_demo.png) no-repeat left;
width:200px;
height:29px;
margin:10px 0 0 10px;
float:left;
}

.voir_la_demo p a, .voir_la_demo p a:hover{
font:bold 18px arial, verdana, sans-serif;
color:#E1007A;
padding-left:50px;
text-decoration:none;
}

/*-------------------------milieu--------------------------------*/

.contenu_principal {
width:920px;
margin:0;
padding:0;
}


.contenu-centre {
width:460px;
float:left;
margin:20px;
}

.separateur{
background:url(../images/commun/separateur-horizontal-fiche.png) no-repeat;
height:3px;
width:440px;
margin:0;
padding:0;
}

.descriptif{
margin:10px 0 10px 0;
}

p.descriptif{
font:bold 13px arial, verdana, sans-serif;
color:#8687A5;
}

p.reference {
font:bold 12px arial, verdana, sans-serif;
color:#0078BB;
}

.mentionprix{
font:normal 11px arial, verdana, sans-serif;
color:#8687A5;
}

.mentionprix span{
font:bold 11px arial, verdana, sans-serif;
color:#0078BB;
}

#caracteristiques li{
list-image: url(../images/commun/pucerond.gif) no-repeat;
background-position: 0% 10%;
padding-left: 10px;
font:normal 11px arial, verdana, sans-serif;
color:#000;
}

#caracteristiques h3{
font:bold 18px arial, verdana, sans-serif;
color:#0078BB;
margin:10px 0 10px 0;
}

.liste_gauche{
width:220px;
border-right:1px solid #9496B0;
float:left;
padding-right:10px;
}

.liste_gauche li{
list-style: square inside url(../images/commun/pucerond.gif);
}

.liste_droite {
width:220px;
float:left;
}

.liste_droite li{
list-style: square inside url(../images/commun/pucerond.gif);
line-height: 200%;
}

.en_savoir_plus{
width:190px;
float:left;
margin-top:20px;
background:url(../images/repassage/fondcommentchoisir.png) no-repeat;
}

.en_savoir_plus h2{
font: bold 18px arial, verdana, sans-serif;
color:#E1007A;
margin:10px 0 10px 10px;
}


.en_savoir_plus a.bouton{
font: bold 10px arial, verdana, sans-serif;
color:#fff;
text-decoration:none;
width:171px;
height:16px;
background:url(../images/repassage/commentchoisirbouton.png) no-repeat;
padding:2px 0 0 10px;
margin: 0 0 5px 10px;
float:left;
}

.en_savoir_plus a:hover.bouton {

color:#fff;
text-decoration:none;
width:171px;
height:16px;
background:url(../images/repassage/boutoncomparprodover.png) no-repeat;
padding:2px 0 0 10px;
margin: 0 0 5px 10px;
float:left;
}

#bas_page p{
margin:30px 0 0 30px;
width:700px;
font:normal 12px arial, verdana, sans-serif;
color:#8687A5;
}

#bas_page a{
font:normal 12px arial, verdana, sans-serif;
color:#8687A5;
text-decoration:underlined;
}

#pictos img{
height:60px;
margin:5px 0 10px 5px;
}

#bas_en_savoir_plus {
width:190px;
height:84px;
background:url(../images/commun/fond_en_savoir_plus.png) no-repeat bottom;
}

#bas_en_savoir_plus p{
padding-top:20px
}