/* CAROUSSEL */
.caroussel{font-family:trebuchet ms; overflow:hidden; position:relative; padding:10px 0 30px 0;   float:left;  width: 642px;  position: relative}
.caroussel div,.caroussel li{float:left; display:inline}
.caroussel .container{position:relative; overflow:hidden; width:557px;margin:0 10px; border:none;  position: absolute;  top: 5px;  left: 30px}	/* bloc definissant la largeur d'affichage du nombre de produits */
.caroussel ul { margin: 0; padding:0;  width: 100000px;  position: relative;  top: 0;  left: 0}     /* positionnement et largeur du bloc contenant les produits */

/* PARAMETRAGE DES PRODUITS */

/* annonces à la une */
.typebloc03 #annonces{border-color:#fee8a1;}
.typebloc03 #annonces .container{top:52px;}
.typebloc03 #annonces #caroussel3 .produit{cursor:pointer; position:relative; width:158px;padding:5px; height:113px; float:left; display:inline; font-size:9px; text-decoration:none; margin:0 14px 20px 0; background:#F4F4F4;}
.typebloc03 #annonces #caroussel3{background:url(/images/bg-car-annonces.jpg) no-repeat;height:204px;padding:0;}
.typebloc03 #annonces .contenu{position:relative;overflow:hidden;width:100%;clear:both;border:0;background:#F4F4F4;}
.typebloc03 #annonces .contenu .img, .typebloc03 #annonces .contenu .prix{float:left;display:inline;display:block; font-family:"trebuchet ms";font-size:14px;color:#000;}
.typebloc03 #annonces .contenu .img{display:block;width:106px;overflow:hidden;}
.typebloc03 #annonces .contenu .prix{padding-top:22px;width:52px;text-align:center;}
.typebloc03 #annonces .ct0{position:relative;overflow:hidden;padding:0 0 0 6px;}
.typebloc03 #annonces .ct0 span{line-height:16px;}
/* fin annonces à la une */

#caroussel1, #caroussel2{height:120px;}

.caroussel .produit{cursor:pointer; position:relative; width:86px; border:2px solid #4BA397; padding:5px; height:113px; float:left; display:inline; font-size:9px; text-decoration:none; margin:0 14px 20px 0; background:#fff}
.caroussel .produit span{display:block}
.caroussel .produit img{margin-bottom:3px; border:0}
.caroussel .produit .titre{color:#4EA39C; text-decoration:underline; line-height:1.0em; font-size:9px}
.caroussel .produit .img{text-align:center}
.caroussel .produit .prix{color:#787878; text-decoration:none}
.caroussel .produit .encherir{color:red;text-decoration:underline; position:absolute; right:5px; bottom:2px; line-height:15px; font-size:9px}

/* PARAMETRAGE DES PRODUITS pour le process de paiement */
.caroussel.cadre_vert .container {position:relative; overflow:hidden; width:139px;margin:0 10px; border:none;  position: absolute;  top: 5px;  left: 30px}
.caroussel .paiement{cursor:pointer; position:relative; width:139px; float:left; display:inline; font-size:9px; text-decoration:none; margin:0 14px 20px 0;}
.caroussel .paiement span{display:block}
.caroussel .paiement img{margin-bottom:3px; border:0}
.caroussel .paiement .titre{color:#4EA39C; text-decoration:underline; line-height:1.0em; font-size:9px}
.caroussel .paiement .img{text-align:center}
.caroussel .paiement .prix{color:#787878; text-decoration:none}
.caroussel .paiement .encherir{color:red;text-decoration:underline; position:absolute; right:5px; bottom:2px; line-height:15px; font-size:9px}

/* PARAMETRAGE DES IMAGES pour la FICHE PRODUIT */
.caroussel .image{vertical-align:middle;height:170px;cursor:pointer; position:relative; width:165px; float:left; display:inline; font-size:9px; text-decoration:none; padding:0 10px;}
.caroussel .image span{display:block}
.caroussel .image img{margin-bottom:3px; border:0}
.caroussel .image .img{text-align:center;}
.caroussel .image .tabimage{text-align:center;border:none;padding:0;margin:0}
.caroussel .image .tabimage td{vertical-align:middle;text-align:center;width:165px;height:170px}

/* PARAMETRAGE DES BOUTONS */
.caroussel .boutonscaroussel{position: absolute; height: 144px; width: 27px; z-index: 100;   cursor:pointer;}
.caroussel .previous_button {left: 0; background: url(images/bg-fleche02g.gif) no-repeat 0 50%}        
.caroussel .next_button {right: 10px; background: url(images/bg-fleche02d.gif) no-repeat 0 50%}   
/* hover sur les boutons */
.caroussel .next_button:hover {background-image: url(images/bg-fleche02don.gif) }        
.caroussel .previous_button:hover {background-image: url(images/bg-fleche02gon.gif) }      
/* désactivation des boutons de nav */
.caroussel .previous_button_disabled, .caroussel .previous_button_disabled:hover{ background: url(images/bg-fleche02goff.gif) 0 50% no-repeat; cursor:default}
.caroussel .next_button_disabled, .caroussel .next_button_disabled:hover{ background: url(images/bg-fleche02doff.gif) 0 50% no-repeat;  cursor:default}