@charset "utf-8";

.large-texte { font-size:18px; font-weight:bold} ;
#ajoutsign { color:#000000; }
.defile_texte input { color:#000000; margin:2px 0 0 0; font-weight:bold; padding:2px; color:#FF0000; }
.decalage_header { margin:18px 0 0 0; }
.contenu-centre { color:#FFFFFF; } 
.cadre_3_prod { float:left; width:475px; }
.cadre_desc { float:left; width:150px; }
.cadre_desc_mini { float:left; width:150px; font-size:10px; text-align:left }

/* 4 cadres */
.cadre_recherche { border:1px solid #ffffff; padding:5px; width:137px; float:left; margin:0 2px; text-align:left; background-color:#326893; }
/* 3 cadres */
.cadre_recherche_large { border:1px solid #ffffff; padding:5px; width:186px; float:left; margin:0 2px; text-align:left; background-color:#326893; min-height:100px; _height:100px; }
.cadre_recherche_titre { border:1px solid #0d305a; padding:2px; text-align:center; background-color:#ebc734; margin:0 0 5px 0; font-size:10px; font-weight:bold; color:#0d305a; }

#bouton_rechercher { border:1px solid #0d305a; background-color:#ebc734; color:#0d305a; margin:5px auto; width:100px; text-align:center; padding:2px; font-weight:bold; }
#bouton_rechercher:hover { background-color:#f8df7c; cursor:pointer; }



.bouton_site { border:1px solid #0d305a; background-color:#ebc734; color:#0d305a; margin:5px auto; width:100px; text-align:center; padding:3px 5px; font-weight:bold; text-decoration:none; font-size:11px;  }
.bouton_site:hover { background-color:#f8df7c; cursor:pointer; text-decoration:none; }

/***********************************************************************/
.libelle_prod{ height:40px; }

#m_vente{ border:1px solid #FFFFFF; padding:5px; }

.titre_cadre_accueil_jaune { text-align:center; border:1px solid #FFFFFF; border-bottom:0px; padding:5px; font-weight:bold;
background-color:#f1c10f; color:#0d305a; background:url(../images/fond_titre_cadre_centre.jpg); }


.titre_cadre_accueil_vert { text-align:center; border:1px solid #FFFFFF; border-bottom:0px; padding:5px; font-weight:bold;
background-color:#f1c10f; color:#0d305a; background:url(../images/fond_titre_cadre_centre2.jpg); }

/******************************** dev *************************************/
.mini_lien{
	font-size:10px;
	text-decoration:none;
}

.accueil_fiche_titre{
	width:298px;
	background-color:#0d305a;
	padding:0 5px 5px 5px;
	font-weight:bold;
	text-align:center;
}
.accueil_fiche_titre2{
	background-color:#0d305a;
	padding:0 5px 5px 5px;
	font-weight:bold;
	text-align:center;
	min-height:25px;
	_height:25px;
}


#grande_img img{

	border-bottom:1px solid #FFFFFF;

	border-top:1px solid #FFFFFF;

	border-right:1px solid #FFFFFF;



}

.header_img{
	width:150px;
	float:left;
	text-align:center;
}

.header_img2{
	width:150px;
	float:left;
	text-align:center;
	height:110px;
}



.header_vignette_bonus{
	width:100px;
	height:35px;
	background:url(../images/fond-bonus.gif);
	/*margin:10px 0 0 0;*/
	padding:13px 0 0 0;
	color:#0D305A;
	font-weight:bold;
	position:relative;
	left:0px;
	top:-15px;
}

.header_vignette_bonus_detail  {
background:url("../images/fond-bonus.gif") repeat scroll 0 0 transparent;
color:#0D305A;
font-weight:bold;
height:35px;
left:70px;
padding:13px 0 0;
position:relative;
top:-22px;
width:100px;
text-align:center;
}

.header_vignette1{
	width:100px;
	height:35px;
	background:url(../images/fond-rabaie.gif);
	/*margin:10px 0 0 0;*/
	padding:13px 0 0 0;
	color:#0D305A;
	font-weight:bold;
	position:relative;
	left:0px;
	top:-15px;
}

.fiche3 .header_vignette2{
	left:35px;
	position:relative;
	top:-30px;
}

.fiche4 .header_vignette2{
	left:44px;
	position:relative;
	top:-142px;

}
.fiche3 .header_vignette2bis{
	left:22px;
	position:relative;
	top:10px;
}

.fiche4 .header_vignette2bis{
	left:44px;
	position:relative;
	top:-95px;
}



.header_detail{
	width:150px;
	float:left;
	padding:12px 0 0 0;
}

.header_detail2{
	width:144px;
	float:left;
	padding:12px 2px 0 2px;
	text-align:center;
}


.affiche_prix_jaune{
	background:url(../images/fond-prix.gif);
	color:#0d305a;
	margin:0px;
	height:18px;
	width:69px;
	float:left;
	text-align:center;
}


.affiche_prix_vert{
	background:url(../images/fond-prix3.gif);
	color:#0d305a;
	margin:0px;
	height:18px;
	width:69px;
	float:left;
	text-align:center;
}



.affiche_prix2{

	background:url(../images/fond-prix2.gif);

	color:#ff0000;

	margin:0 0 0 2px;

	height:18px;

	width:69px;

	float:left;

	text-align:center;

}



.affiche_prix_decolage {

	height:16px;

	line-height:16px;

	padding: 1px 0;
	width:69px;
}

.affiche_prix_margin {
	margin-left:36px;
}




#nav {

	margin:auto;

	text-align:center;

	width:140px;

}

#nav .promo {

	height:240px;

	overflow:hidden;

	position:relative;

}

#nav .promo .produit-promo, #nav .promo .ventes-flash{

	position: absolute;

	top: 250px;

	left:0;

}



.couleur_jaune {

	color:#e0bc32;

}



.couleur_rouge{

	color:#bb4343;

	font-size:10px;

}

.couleur_vert{
	color:#59b826;
	font-size:10px;
}


.couleur_vert2{
	color:#9deb63;
}


.affiche_date_flash{

	font-size:10px;

}



.cadre_modele_img{

	float:left;

	width:125px;

	height:100px;

	text-align:center;

	font-size:10px;

}



.cadre_modele_img img{

	border:2px solid #082d5b;	

}



.cadre_detail2{

	border-bottom:1px solid #FFFFFF;

	border-left:1px solid #FFFFFF;

	border-right:1px solid #FFFFFF;

	background-color:#295a80;

	width:590px;

	padding:5px;

	float:left;
	
	margin:0 0 10px 0;



}



.cadre_detail_td1 { 

	background-color:#d4d4d4;

	float:left;


	color:#1e486b;

	text-align:left;

	padding:3px 5px;

	font-size:11px;

}
.cadre_detail_td_l1
{
	width:390px;
}

.cadre_detail_td_l2
{
	width:540px;
}

.cadre_detail_td2 { 

	background-color:#e4e4e4; 

	float:left;


	color:#1e486b;

	text-align:left;

	padding:3px 5px;

	font-size:11px;

}



.cadre_detail_img{

	float:left;

	width:150px;

}



.cadre_detail_info{

	width:400px;

	float:left;

	border:1px solid #fff;

	margin:25px 0 0 25px;

}

.cadre_detail_info2{

	width:550px;

	float:left;

	border:1px solid #fff;

	margin:25px 0 0 25px;

}


.cadre_detail_titre{

	background-color:#183a56;

	width:600px;

	float:left;

	text-align:center;

	padding:4px 0;

	font-weight:bold;
	font-size:11px;

}



.cadre_detail{

	border:1px solid #fff;

	background-color:#326893;

	width:600px;

	float:left;

}



.onglet_ordre a {

	text-decoration:none;

}



.onglet_ordre_img {

	width:31px;

	float:left;

	border-bottom:1px solid #FFFFFF;

	border-left:1px solid #FFFFFF;

	height:18px;

	padding:2px 0;

	text-align:center;

}



.onglet_ordre {

	border-bottom:1px solid #FFFFFF;

	border-left:1px solid #FFFFFF;

	border-right:1px solid #FFFFFF;

	float:left;

	margin:0 10px 0 0;

	text-align:left;

	padding:4px 0;

}



.onglet_ordre:hover {

	background-color:#326893;

}



.ca_td1 { 

	background-color:#d4d4d4;

	float:left;

	width:160px;

	color:#1e486b;

	text-align:left;

	padding:3px 5px;

	font-size:11px;

}



.ca_td2 { 

	background-color:#e4e4e4; 

	float:left;

	width:160px;

	color:#1e486b;

	text-align:left;

	padding:3px 5px;

	font-size:11px;

}



.ca_img{

	float:left;

	width:120px;

	min-height:95px;

	_height:95px;

	background-color:#3f6f9a;

}



.ca_titre{

	background-color:#1e486b;

	padding:4px;

	text-align:center;

	width:282px;

	float:left;

	font-size:11px;

	font-weight:bold;

	height:42px;

}

.ca_titre a {

	text-decoration:none;

}

.ca_titre:hover {

	background-color:#183a56;

}



.cadre_auto {

	border:1px solid #ffffff;

	margin:4px;

	background-color:#407dad;

	width:290px;

	float:left;

	background-color:#e4e4e4; 
	min-height:150px;
	_height:150px;

}



.cadre_modele {

	border:1px solid #ffffff;

	padding:5px;

	margin:5px 0 0 0;

	background-color:#326893;

	float:left;

	text-align:center;

	width:600px;

}



/*/////////////////////////// general //////////////////////////////////*/

.prix_cadre{

	border:1px solid #FFFFFF;

	background:#5E2407 none repeat scroll 0 0;

	width:280px;

	color:#FFFFFF;

	padding:5px;

}

.galerie_cadre {

	border:1px solid #fff;

	margin:0 10px 0 0;

	width:180px;

}

.image_cadre{

	height:145px;

	width:180px;

	text-align:center;

	float:left;

	background-color:#275a84;

}



.legende{

	float:left;

	width:180px;

	border-top:1px solid #fff;

	background-color:#722705;

	color:#FFFFFF;

}

.legende p {

	color:#FFFFFF;

}



table * { vertical-align:top }



table { border-collapse:collapse }



.page_center, .center { text-align:center; }



.clear { clear:both; float:none; }



.moitite { width:50%; float:left }



.message_erreur { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#D30D0E; text-align:center }



ul { padding: 0 0 1em 1em }



li { list-style: square inside }



.tab_couleur1 { background-color:#275a84;  }



.tab_couleur2 { background-color:#5e2407;  }



.noborder { border:none}



.displayNone { display:none; }





/********************************************* formulaire ***************************************/



form { color: #fff;}



form * { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}



form p {margin:0; padding:0; min-height:25px; _height:25px }



form a, form label { }



form .fieldset { padding: 0 10px 10px 10px; border:1px solid #fff; border-bottom:3px solid #fff; margin: 0 0 1em 0 }



form .legend { padding:2px 10px 2px 5px; text-transform:uppercase; border-left:2px solid #fff; font: bold italic 12px Verdana, Arial, Helvetica, sans-serif  }



form p.p50 { width:215px; float:left}



form p.p100 { width:400px; clear:both; float:none}



form .select { width:98px; height:18px; float:left; background:#326893; color:#FFFFFF; border: 1px solid #fff; }



form .label { width: 92px; float: left; text-align: right; padding: 0 2px 0 0 }



form .label2 { width: 203px; float: left; text-align: right;padding: 0 2px 0 0 }



form .input { width:96px; height:13px; float:left; border:none; border-bottom:1px solid #fff; background: #326893; }



form .input2 { width:191px; height:13px; float:left; border:none; border-bottom:1px solid #fff; background: #326893; }



form .textarea { width:450px; height:60px; overflow: auto; clear:both; background: #326893; border: 1px solid #fff; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:0 }



form .captchat { text-align:center; color:#ffffff; }



form .captchat div { padding: 0 0 5px 0; }



form #code { width:191px; height:13px; border:none; border-bottom:1px solid #fff; background: #326893; }



form #question { font-weight: bold}



form .divimagecaptchat { margin: 0 auto }



form .envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; }



#formsearch .envoyer { width:30px; font: normal 8px Verdana, Arial, Helvetica, sans-serif; }



#formsearch2 .envoyer { width:30px; font: normal 8px Verdana, Arial, Helvetica, sans-serif; }

#formsearch2 select { width:140px; }



form .clear { clear:both; float:none; }



form .displayNone { display:none; }



form .center { text-align:center}



form .paddingtop10 { padding:10px 0 0 0}



/*/////////////////////////// fin general //////////////////////////////////*/



/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/



#menuderoulant,  #nouveaute { font: normal 11px/20px Arial, Helvetica, sans-serif; color:#0B8E0A; padding:5px 0 15px 0px; clear:both; text-align:left; position:relative; z-index:99; clear:both; width:115px }



#menuderoulant ul, #nouveaute ul { list-style:none; width:145px; }



#menuderoulant li ul, #nouveaute li ul { left:145px;   }



#menuderoulant ul li, #nouveaute ul li { list-style:none; width:145px; margin:0;  border-bottom:1px solid #E1E1E1; }



#menuderoulant li ul,  #nouveaute li ul { background: #5e2407; color:#0B8E0A; border:1px solid #fff; }



#menuderoulant a,  #nouveaute a { display:block; padding:4px 10px 4px 10px; width:125px; margin:0; text-decoration:none; color:#ffffff; font-weight:bold  }



#menuderoulant a:hover, #menuderoulant .bold { font-weight: bold;  color:#fff; background: #275a84}



#menuderoulant li ul a,  #nouveaute li ul a { display:block; padding:4px 10px 4px 10px; width:125px; margin:0; text-decoration:none; color:#fff; }



#menuderoulant  li ul a:hover, #menuderoulant  li ul .bold { background: #275a84; color:#fff; }



/*///////////////////////////////////////////////  fin menu deroulant //////////////////////////////////////////////////////////////////*/



/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/



#promotion { font: normal 11px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px 0 15px 25px; clear:both; text-align:left; position:relative; z-index:99 }



#promotion ul { list-style:none; width:122px; }



#promotion li ul { left:123px; border-bottom:1px solid #E1E1E1;  }



#promotion ul li { list-style:none; width:122px; margin:0;  }



#promotion li ul {  background: #F57BF2; color:#000; }



#promotion a { display:block; padding:4px 10px 4px 10px; width:102px; margin:0; text-decoration:none; color:#000; background: transparent url('../images/fleche.gif') no-repeat 0 8px }



#promotion a:hover, #promotion .bold { font-weight: bold;  color:#000; background: #7F7F7F url('../images/fleche.gif') no-repeat 0 8px}



#promotion li ul a { display:block; padding:4px 10px 4px 10px; width:102px; margin:0; text-decoration:none; color:#000; }



#promotion  li ul a:hover, #promotion  li ul .bold { background: #000; color:#000; }



/*///////////////////////////////////////////////  fin menu deroulant //////////////////////////////////////////////////////////////////*/



/*/////////////////////////////////////////////// catalogue deroulant //////////////////////////////////////////////////////////////////*/



#catalogue {  font: normal 11px/20px Arial, Helvetica, sans-serif; color:#328815 ; padding:5px 0 15px 10px; clear:both; text-align:left; position:relative; z-index:2; float:none ;}



#catalogue ul {list-style:none; width:182px;  display:table-cell; }



#catalogue li ul {  left:185px; width:182px; }



#catalogue ul li {list-style:none; width:182px; margin:0;  }



#catalogue  ul { border:1px solid #fff; background: #5e2407; color:#fff ; }



#catalogue a { display:block; padding:4px 10px 4px 10px; width:162px; margin:0; text-decoration:none; color:#fff ;  }



#catalogue a:hover, #catalogue .bold { color:#fff; background: #275a84}



#catalogue li ul a { display:block; padding:4px 10px 4px 10px; width:162px; margin:0; text-decoration:none; color:#fff ; }



#catalogue  li ul a:hover, #catalogue  li ul .bold { background: #275a84  }





/*///////////////////////////////////////////////  fin catalogue deroulant //////////////////////////////////////////////////////////////////*/



/*/////////////////////////////////////////////// panier deroulant //////////////////////////////////////////////////////////////////*/



#panier {  font: normal 11px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px 0 15px 10px; clear:both; text-align:left; position:relative; z-index:99; float:none ;}



#panier ul {list-style:none; width:162px; }



#panier li ul {  left:-185px; width:182px; }



#panier ul li {list-style:none; width:182px; margin:0 0 00;  }



#panier li ul { border:1px solid #000; background: #5e2407; color:#000; }



#panier a { display:block; padding:4px 10px 4px 10px; width:142px; margin:0; text-decoration:none; color:#000;  }



#panier a:hover, #panier .bold { color:#000; background: #B445DF}



#panier li ul a { display:block; padding:4px 10px 4px 10px; width:162px; margin:0; text-decoration:none; color:#0B8E0A; }



#panier  li ul a:hover, #panier  li ul .bold {background: #B445DF  }



/*///////////////////////////////////////////////  fin panier deroulant //////////////////////////////////////////////////////////////////*/







/*/////////////////////////// connexion //////////////////////////////////*/

#connexion { text-align:center; padding:10px 0 0 0; clear:both; color:#fff;  }



#connexion a, #connexion p { color:#fff }



.ok {   }



.ok:hover { }



/*/////////////////////////// fin connexion //////////////////////////////////*/



/*/////////////////////////////////////////////// formulaire  //////////////////////////////////////////////////////////////////*/



#formContact { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; }



#formSearch { text-align:center; }



#formSearch #rechercher { width:150px; float:none }



#formSearch #id_marque { width:150px; float:none }



#formLog { text-align:center; }



.connex01 { text-align:right; margin-bottom:2px; }



#formLog #identifiant { width:130px; float:none }



#formLog #password { width:110px; float:none }



#formLog2 { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; }



#formLog2 label { width:150px; }



#formLog2 input { width:150px; }



#formCgdv { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }



#formCoords { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }



#formNewsletter { text-align:center; clear:both; color:#000; padding:0 17px 0 0; }



#formNewsletter label {  color:#000  }



#formNewsletter a {  color:#000  }



#inputNewsletter { clear:both; float:none; background: #5e2407; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:5px 0 4px 0; width:110px}



#formInscription { width:480px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }



#formMdp { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }



#formMdp .label { width:150px }



#formMdp .input { width:150px }



#FormLivraison { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }



/*/////////////////////////// page livraison //////////////////////////////////*/







/*/////////////////////////// page commande //////////////////////////////////*/



#commande { width:480px; border-collapse:collapse; color:#fff; margin:0 auto; text-align:left; border:1px solid #fff }



#commande td { border-bottom:1px solid #fff; padding:2px 3px 3px 2px }



#commande .titre { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }



#commande .td1 { }



#commande .td2 { width:80px; }



#commande .td3 { width:70px; }



#commande .td4 { width:70px; }



#commande .td5 { width:30px; }



#commande .attente { color:#f00; }



#commande .expediee { color:#00f; }





/*/////////////////////////// fin page commande //////////////////////////////////*/



/*/////////////////////////// page commande_detail //////////////////////////////////*/



.cadre { color:#fff; clear:both; width: 230px; padding:0; margin:10px auto; text-align:left; border:#fff solid 1px; }



.cadre h3 { color:#000; background-color:#275a84; text-align:left; width: 210px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:2px 0 0 20px; margin:0 0; }



.cadre p { padding:0 10px 15px 10px }



#commande_detail { width:480px; border-collapse:collapse; border:1px solid #fff; color:#000; margin:0 auto }



#commande_detail td { padding:2px 0 3px 0; border-bottom: 1px solid #fff }



#commande_detail caption { text-align:center; color: #000; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 0 }



#commande_detail .titre { }



#commande_detail .td1 { text-align:left; padding-left:5px }



#commande_detail .td2 { width:110px; text-align:right }



#commande_detail .td3 { width:90px; text-align:center }



#commande_detail .td4 { width:90px; text-align:right; padding-right:5px }



.attente { color:#f00; }



.expediee { color:#00f; }



#paiement_detail { width:480px; border-collapse:collapse; border:1px solid #000; color:#000; margin:0 auto }



#paiement_detail td { padding:2px 0 3px 0; border-bottom: 1px solid #000 }



#paiement_detail caption { text-align:center; color: #000; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 0 }



#paiement_detail .titre { }



#paiement_detail .td1 { padding-left:5px }



#paiement_detail .td2 { text-align:right; padding-right: 5px }



/*/////////////////////////// page commande_detail //////////////////////////////////*/



/*/////////////////////////// page condition //////////////////////////////////*/



#condition * { font-family:Verdana, Arial, Helvetica, sans-serif }



.condition { overflow:scroll; height:350px; padding:0 15px 0 0; margin:10px; border:1px solid #fff; border-bottom:2px solid #fff; overflow-x:hidden }



#condition li { list-style: square outside; }



/*/////////////////////////// fin page condition //////////////////////////////////*/



/*/////////////////////////// panier valide //////////////////////////////////*/



#formPanier input { background-color:#FFFFFF; }



#tablePanier { width:480px; border-collapse:collapse; border:1px solid #fff; margin: 0 auto; padding:0 0 5px 0; color:#000 }



#tablePanier td { padding:2px 0 3px 0; border-bottom:1px solid #fff; color:#fff }



#tablePanier td a {color:#fff }



#tablePanier .titre { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }



#tablePanier .td1 { text-align:left; padding-left:5px}



#tablePanier .td2 { width:110px; text-align:right }



#tablePanier .td3 { width:90px; text-align:center }



#tablePanier .td3 input { margin: 0 auto; float:none; clear:both }



#tablePanier .td4 { width:90px; text-align:right; padding-right:5px }



#tablePanier .td5 { padding-left:5px }



#tablePanier .td6 { }



#tablePanier .td7 { background:#275a84; text-align:right; padding-right:5px }



#tablePanier .td8 { text-align:right; padding-right:5px }



#tablePanier .td9 { background:#275a84; text-align:right; padding-right:5px }



#modePaiement { width:480px; border-collapse:collapse; margin:15px auto }



#modePaiement .td1 { }



#modePaiement .td2 { width:180px }



/*/////////////////////////// fin panier valide //////////////////////////////////*/





/*/////////////////////////// page rubrique //////////////////////////////////*/



/**Encart Rub

**********************/

.block_rub { float:left; margin:20px 0 0 23px; _margin:10px 0 0 15px; width:200px; text-align:center; min-height:200px; background:transparent url('../images/fond-rub.gif') repeat-y; }



.block_rub h3 { color:#300; height:36px; text-align:center; font: bold 15px/15px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/rub.gif') no-repeat; padding: 4px 0 0 0; margin:0 0 5px 0; clear:both; float:none; }



.block_rub a { font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff }



.block_rub .image { height:155px; }



.block_rub .image img { border:#fff solid 2px; padding:2px }



.block_rub .basvignette { width:200px; height:18px; clear:both; background:transparent url('../images/bas-rub.gif') no-repeat  }



.block_rub a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }



.block_rub a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }



/**Encart Vignette

**********************/

.block_vignette { margin:0px auto 15px auto; width:486px; min-height:150px; _height:150px; text-align: justify; background:transparent url('../images/fond-vignette.gif') repeat-y; clear:both; float:none; color:#8F241E; }



.block_vignette2 { margin:0px auto 15px auto;  }



.block_vignette p {  color:#8F241E; }



.block_vignette * { font-family:Verdana, Arial, Helvetica, sans-serif }



.block_vignette .basvignette { width:486px; height:9px; clear:both; background:transparent url('../images/bas-vignette.gif') no-repeat ; _margin:0 0 -7px 0 }



.block_vignette .h3 { color:#fff; height:27px; text-align:center; font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/h3.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; margin:0 0 0 0; width:486px;  color:#fff;}





#contenu .block_vignette .h3 a { color:#fff; font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;  }



.block_vignette a { font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff }



.block_vignette .image { float:left; display:block; text-align:center; margin:0; width:170px;  /*border-right:1px dashed #fff; */ padding: 10px 10px 5px 0px; }



.block_vignette .image img { border:3px solid #fff; padding:2px; margin:0 0 5px 0 }



.block_vignette a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }



.block_vignette a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }



.block_vignette .detail { padding:10px 3px 0 3px; /*border-top:1px dashed #fff;*/ clear:both }



.block_vignette .description { clear:both; float:none; display:block; text-align:justify; padding:5px; }



.block_vignette .description * { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff}



.block_vignette .prix { clear:both; float:none; display:block; text-align:left; }



.block_vignette .prix2 { text-align:center; color:#fff; }



.block_vignette .prixbarre { font-size:11px; font-weight:bold; color:#f00 }



.block_vignette .divers { display:inline; font-size:12px; font-weight:bold; font-style:italic; color:#f00 }



.block_vignette .panier { text-align:center; width:212px; margin:0 auto }



.block_vignette .panier img { border:none; text-align:center }



.block_vignette .declinaison { padding:10px 0 0 0; float:left; width:303px; min-height:110px; _height:110px;  }



.block_vignette .strong { display:block; float:left; width:85px; text-align:right }



.block_vignette .separation { padding:5px 0 }



.block_vignette .separation div { border-bottom:1px dashed #fff; clear:both; clear:both }



.block_vignette table { width:480px }



#formtransfert { width:297px; height:29px; background: transparent url('../images/fond-panier.gif') no-repeat; margin:10px auto 0 auto }



#prix { display:block; float:left; width:200px; height:24px; padding:5px 0 0 3px; color:#fff; position:relative; z-index:10; text-align:center;  }



#prix del { color:#fff; font-weight:normal }



#prix strong { font: bold 15px/18px Verdana, Arial, Helvetica, sans-serif;  }



#prix sub { font: normal 90% Verdana, Arial, Helvetica, sans-serif; }



#dd {  text-align:left; line-height:12px }



#promottc { font:normal 11px Verdana, Arial, Helvetica, sans-serif; position:relative; z-index:10; top:-9px; }



#boutonpanier { display:block; width:63px; height:29px; float:right; color:#000; font: normal 9px/25px Verdana, Arial, Helvetica, sans-serif; text-align: center; padding:0 0 0 30px; }



#imgdecli { padding:1px; background: transparent; border: 2px solid #fff }



.ref { text-align: left; }



#formdecli { }



#formdecli label { font: bold 11px Verdana, Arial, Helvetica, sans-serif; display:block; width:60px; float:left; text-align:right; padding:0 3px 0 0; }



#formdecli p { clear:both }



#formdecli select { width:220px; font-size:10px; }



del { color:#f00 }



.ref { text-align:left; }



#pagination { clear:both; margin: 0 auto; width:490px }



#precedent { width:50%; float:left; text-align:left; height:20px }



#suivant { width:50%; float:left; text-align:right; height:20px }



.cc { background:#6f4c30 url('../images/fleche.gif') no-repeat 2px 6px; border-bottom:3px solid #2c2c2c; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-indent:8px; text-align:justify; padding:2px 5px 4px 10px; color:#fff; margin:0 2px 0 0 }



.pcc { text-align:center }



.support { width:185px; min-height:220px; _height:220px; text-align:center; float:left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000; border:1px solid #fff; margin:5px 5px 5px 3px; background:#C1BDB1; color:#000 }



.support a { border: none; color:#000 }



.support a img { padding:2px; border: 1px solid #fff }



.support2 { width:195px; text-align:center; clear:both; margin:0 auto; display:none }



.support3 { min-height:200px }



#transfert { clear:both; background-color:#EDAB64; width:800px; height:300px; position:absolute; top:400px; left:50%; margin:0 0 0 -320px; overflow:scroll; overflow-x:hidden; display:none; border:2px solid #fff; color:#fff }



#transfert a { color:#fff }



#transfert2 { clear:both; text-align:center; }



#transfert2 img { padding:2px; border: 2px solid #fff }



#transfert2 a { text-decoration:none }



.imggd { display:block; float:left; width:25px; height:20px; border:1px solid #fff; text-indent:-5000px; margin:0 0 2px 3px; _margin:0 0 3px 2px }



.imggd:hover { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }



.imggd:hover:hover { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }



.numimage { min-height:20px; _height:20px; margin:0 auto 5px auto; color:#811F7C  }



.numimage a { color:#811F7C  }



#descrub { margin:30px auto 15px auto; width:486px; text-align: justify; background:transparent url('../images/fond-descrub.gif') repeat-y; clear:both; float:none; color:#000; }



#descrub h3 { color:#fff; height:23px; text-align:center; font: bold 16px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/descrub.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; width:486px; }



#descrub img { border:2px solid #fff; padding:1px; float:left; margin:0 10px 0 0 }



#descrub a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }



#descrub a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }



#descrub .texte { padding:10px }



#descrub .bas { width:510px; height:9px; clear:both; background:transparent url('../images/bas-descrub.gif') no-repeat; _margin:0 0 -7px 0  }



.descrub { margin:30px auto 15px auto; width:510px; text-align: justify; background:transparent url('../images/fond-descrub.gif') repeat-y; clear:both; float:none; color:#000; }



.descrub h3 a { color:#fff; }



.descrub h3 { color:#fff; height:23px; text-align:center; font: normal 20px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/descrub.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0; width:510px; }



.descrub img { border:2px solid #EF632C; padding:1px; float:left; margin:0 10px 0 0 }



.descrub a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }



.descrub a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }



.descrub .texte { padding:10px }



.descrub .bas { width:510px; height:18px; clear:both; background:transparent url('../images/bas-descrub.gif') no-repeat  }



.selpage { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000; }



p.pagination { text-align:center; float:none; clear:both; padding:0 }



h2#ariane { font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 10px 20px; letter-spacing:-1px; color:#000; text-align:left }



h2#ariane a { color:#000; text-decoration:underline }



h2#ariane a:hover { text-decoration:none }



h2#ariane .clair { color:#014900; }



h2#ariane .fonce { color:#000; }





/* Fiches Magasin */

.fiche { width:136px; /*min-height:270px; _height:270px;*/ float:left; background-color:#94d948; border: 3px solid #fff; color:#fff; margin: 0 /*0px 0 70px*/; padding:5px 0 ; }



.fiche2 { 

	width:318px; height:149px; float:left;

	background-image:url(../images/fond-header.jpg);

	background-color:#00FF66;
	border: 1px solid #fff; 
	color:#fff; 
	padding:5px 0; 
	margin:25px 0 0 0;   

}



.fiche3 { 

	width:308px; min-height:186px; _height:186px; float:left;

	background:url(../images/fond-header.jpg) repeat-x;

	background-color:#326592;

	border: 2px solid #fff; 

	color:#fff; 

	padding:5px 0; margin:22px 5px 0 0;   

}

.fiche4 { 

	width:148px; min-height:295px; _height:295px; float:left;
	background:url(../images/fond-header.jpg) repeat-x;
	background-color:#326592;
	border: 2px solid #fff; 
	color:#fff; 
	padding:5px 0; margin:0px 2px 5px 2px;   
}

.coeur { background:#326893 url('../images/fond-fiche-coeur.png') no-repeat; }



.promo { background:#326893 url('../images/fond-fiche-promo.png') no-repeat; }



.new { background:#326893 url('../images/fond-fiche-new.png') no-repeat; }



.fiche2 .img_prod { border:2px solid #376796; }
.fiche2 header_vignette_rabaie {
background:url("../images/fond-rabaie.gif") repeat scroll 0 0 transparent;
color:#0D305A;
font-weight:bold;
height:32px;
left:0;
padding:17px 0 0;
position:relative;
top:-15px;
width:100px;
}

.fiche p, .fiche2 p, .fiche3 p { color:#fff}



.fiche .titre, .fiche2 .titre, .fiche3 .titre { float:left; font-size:9px; font-weight:700; padding-bottom:10px; width:50%; }



.fiche .contenu, .fiche2 .contenu, .fiche3 .contenu { float:left; text-align:left; font-size:9px; width:50%; }



.fiche .imgA, .fiche2 .imgA, .fiche3 .imgA {display:block; height:150px; width:120px;   margin:0  auto; clear:both; text-indent:-5000px}



.fiche .imgA:hover, .fiche2 .imgA:hover, .fiche3 .imgA:hover {filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}



.fiche h3, .fiche2 h3, .fiche3 h3 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#fff}



.fiche a, .fiche2 a, .fiche3 a { color:#fff; text-decoration:none; font-weight:bold; font-size:11px; }



.fiche .pas, .fiche2 .pas, .fiche3 .pas { width:120px; margin:0 auto; /*padding:100px 0 0 0;*/ text-align:center}





#haut_decli { height:25px; background: transparent url('../images/haut-decli.gif') no-repeat; clear:both }



#bas_decli { height:24px; background: transparent url('../images/bas-decli.gif') no-repeat; clear:both }



#fond_decli { padding:0 0 0 9px; background: transparent url('../images/fond-decli.gif') repeat-y  }



#tableDecli { border: 1px solid #fff; border-bottom: 2px solid #fff; color:#fff; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; width:468px; }



#tableDecli img { border: 1px solid #fff; }



#tableDecli a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }



#tableDecli a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }



#tableDecli a { color:#fff; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }



#tableDecli tr { clear:both; width:100% }



#tableDecli td { padding:3px 0 2px 3px; border-bottom: 1px solid #fff; vertical-align:middle }



#tableDecli .fond1 { background:#275a84 }



#tableDecli .fond2 { background:#5e2407 }



#tableDecli .fond_titre { background:#5e2407; }



#tableDecli .titre { font-weight:bold; }



#tableDecli .tdimg img { }



#tableDecli .noborder { border:none}



#tableDecli .dyn { text-align:center}



#tableDecli .panier { width:80px; text-align:center}









/******************************************/

/*/////////////////////////// fin page rubrique //////////////////////////////////*/







#debug {width:918px; margin:0 0 0 -467px; clear: both; position: fixed; _position: absolute; top:0; left:50%; background:#F5EEDA; text-align:left; overflow-x: hidden; border-left: 2px solid #BBBEC0; border-right: 2px solid #BBBEC0; z-index:99999999999999999}



#debug * { color:#000; text-align:left}



#debug h2 { padding:10px 0}



#debug:focus {background:#fff; outline:0}



#texteDebug ul, #texteDebug ol { padding:0 0 1em 1em;}



#texteDebug ul li { list-style: square inside}



#texteDebug ol li { list-style: decimal inside}



#texteDebug { padding: 0 20px; height:300px; overflow:auto;}



#divBoutonDebug { text-align:center; background:transparent url('../images/fond-bouton-debug.png') repeat-x; height:7px}



#divBoutonDebug a { display: block; width:48px; height:7px; font: normal 1px/1px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/bouton-debug.png') no-repeat; text-indent:-500000px; margin:0 auto}



#divBoutonDebug a:hover { opacity:0.7}



#divBoutonDebug a.fermer { background-position: 0 top;}



#divBoutonDebug a.ouvert { background-position: 0 bottom;}

.cadre_partenaire { padding:5px; border:1px solid #fff; float:left; width:195px; background-color:#326893; margin: 0 5px 5px 0; }