/*--------------------------------------
/*   dernière modification : 23/01/2009 
/*   par Kinaly
/* ----------------------------------- */

/*    initialisation : balises XHTML générales
--------------------------------------------------- */
html { font-size: 11px; }

body  {
	margin:0; padding:0;
	background: #c2b3ac;
	text-align: left; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #0C161A;
}

img { border: 0; margin: 0;}

p { margin: 0 0 11px; }

a {	color: #009ee0; text-decoration: none;}
a:hover { color: #009ee0; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 6px 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #031634;
	margin: 0 0 12px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #807A73;
	margin: 0 0 8px 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #033649;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #033649;
}

th { color: #FFFFFF; background-color: #C2B3AC; padding: 3px;}

th a { color:#FFFFFF; }

em { font-style: normal; color: teal;}

strong {}

table { margin: 0 auto; border: 0;}

form { margin:0; padding:0; }
form img {vertical-align: middle;}

fieldset { border: none; padding: 0; margin: 0; }

input { color:#000000; font-size: 10px; margin: 4px 0; vertical-align: middle; }

select, option { color:#000000; font-size: 10px; padding-left: 4px;}

textarea { color:#000000; font-size: 10px; margin: 6px 0;}

del { color: #0C161A}


/*    classes générales
--------------------------------------------------- */
.clearfloat { clear: both;}

.droite { text-align: right;}
.gauche { text-align: left;}
.centre { text-align: center;}

.fl-droite { float: right; }
.fl-gauche { float: left; }

.txt-italique { font-style: italic; }

.nobr { white-space: nowrap; }

.overflow-hide { overflow: hidden;}

.nodisplay { display: none;}


/*    structure : armature
--------------------------------------------------- */
#enveloppe-page { width: 941px; margin: 0 auto; position: relative; }

#en-tete {
	position: relative;
	display: block;
	height: 192px;
	border-bottom: 3px solid #c2b3ac;
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/header.jpg) no-repeat;
}

#conteneur { 
	position: relative; 
	display: block; 
	background: #fff url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_conteneur.jpg) left top repeat-y;
	padding: 0 0 24px 0;
}

#conteneur-interne { display: block;}

#col-g {
	background: #ddefb0;
	float: left;
	position: relative;
	display: block;
	width: 222px;
	left: 0;
	margin: 0;
	padding: 0 0 117px 0;
}

* html #col-g { margin: 0 -3px 0 auto;} /* pour résoudre le bug des 3px sous IE6*/

.col-interne { margin: 11px; }

#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	padding: 13px 16px;
	overflow: hidden;
}

#pied-page {
	display: block;
	height: 32px;
	border-top: 3px solid #c2b3ac;
	text-align: center;
	position: relative;
	background: #fff url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bottom-d.jpg) right bottom no-repeat;
	margin: 0 0 10px 0;
	padding: 0 6px 0 227px;
	line-height: 32px;
}
	#pied-page #pied-page-col-g {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 227px;
		height: 152px;
		background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/col-g-bottom.jpg) left bottom no-repeat;
	}
	#pied-page a {
		margin: 0 8px;
		color: #73685c;
		text-decoration: none;
	}
	#pied-page a:hover {
		color: #73685c;
		text-decoration: underline;
	}


/*    structure : éléments
--------------------------------------------------- */

#elem_panier a {
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//theme/icone_panier.gif) left 4px no-repeat;
	position: absolute;
	padding: 0 0 0 28px;
	left: 523px;
}

#elem_regler a {
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//theme/icone_regler.gif) left 4px no-repeat;
	position: absolute;
	padding: 0 0 0 28px;
	left: 708px;	
}

#elem_panierperdu a {
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//theme/icone_panierperdu.gif) left 4px no-repeat;
	position: absolute;
	padding: 0 0 0 28px;
	left: 808px;	
}

#homelink a {
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//theme/icone_homepage.gif) left 8px no-repeat;
	position: absolute;
	padding: 0 0 0 21px;
}

#elem_compte {
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//theme/icone_moncompte.gif) 100% 0 no-repeat;
	top: 30px;
	float: right;
	position: absolute;
	width: auto;
	right: 5px;
	text-align: right;
	padding: 0 20px 0 0;
	clear: both;
}

#elem_onglets {
	height: 27px;
	position: absolute;
	top: 133px;
	right: 19px;
	overflow: hidden;
	width: 656px;
}
	#elem_onglets ul, #elem_onglets ul li, #elem_ss_onglets ul, #elem_ss_onglets ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: inline;
	}
	#elem_onglets .onglet {
		display: block;
		float: left;
		margin-right: 2px;
		width: 80px;
		height: 27px;
		line-height: 27px;
		color: #fff;
		text-align: center;
		font-size: 14px;
		background: #007daf url(/_boutiques/ANIMALOTHEQUE/V2//site_image/onglet.jpg) left top no-repeat;
	}
	#elem_onglets .onglet.actif, #elem_onglets .onglet:hover {
		background-image: url(/_boutiques/ANIMALOTHEQUE/V2//site_image/onglet_actif.jpg);
	}
	
#elem_ss_onglets {
	background: #fff url(/_boutiques/ANIMALOTHEQUE/V2//site_image/coin-top-right.jpg) right top no-repeat;
	height: 32px;
	width: 645px;
	position: absolute;
	line-height: 32px;
	color: #807a73;
	top: 160px;
	left: 0;	
	padding: 0 5px 0 291px;
}
	#elem_ss_onglets a {
		color: #807a73;
		font-size: 12px;
		font-weight: bold;
	}

#zone_pub_index, #zone_pub {
	border-bottom: 3px solid #c2b3ac;
	height: 164px;
	background: #ddefb0;
	padding: 0 0 0 195px;
	position: relative;
}
	#zone_pub_index #picto_selection_produits {
		position: absolute;
		left: 17px;
		top: 0;
	}
#zone_pub {
	background: #fff url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_zone_pub.jpg) 17px 0 no-repeat;
	padding: 5px 16px;
	height: 154px;
}
	#zone_pub #zone_pub_img_rayon {
		background-position: center center;
		background-repeat: no-repeat;
		width: 222px;
		height: 155px;
		position: absolute;
		left: 0;
		top: 0;
	}

#logo {  
	position: absolute;
	top: 15px;
	left: 183px;
	width: 534px;
	height: 85px;
}
#logo-g {  
	position: absolute;
	top: 51px;
	left: 0;
	width: 183px;
	height: 144px;
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/logo-g.jpg) left top no-repeat;
	outline: none;
}
#logo-g2 {  
	position: absolute;
	top: 100px;
	left: 183px;
	width: 62px;
	height: 95px;
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/logo-g2.jpg) left top no-repeat;
	outline: none;
}

#elem_rechercher { 
	position: absolute;
	top: 15px;
	right: 0;
	width: 238px;
	height: 110px;
}
	#elem_rechercher input.bout_submit {
		position: relative;
		padding: 3px 3px 2px 3px;
		left: -26px;
		background: #fff;
	}
	#elem_rechercher input.form_text {
		width: 151px;
		height: 16px;
		border: 1px solid #6c6258;
		padding: 1px 23px 1px 3px;
	}
	#elem_rechercher select {
		height: 16px;
		line-height: 16px;
		border: 1px solid #6c6258;
	}
	#elem_rechercher h2, #elem_rechercher h3 {
		margin: 0;
		padding: 0;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
	}
	#elem_rechercher h2 { text-indent: 23px; margin: 3px 0; }
	#elem_rechercher h3 { text-indent: -8px; margin: 20px 0 3px 0; }

#elem_menu { 
	color: #6c6258;
}
	#elem_menu #menu_services, #elem_menu #menu_compte, #elem_menu #menu_newsletter { 
		background: #fff url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_titre_menu.gif) left top no-repeat; 
		height: 22px;
		line-height: 22px;
		display: block;
		color: #009ee0;
		padding: 1px 0 0 10px;
		margin: 0 0 8px 0;
		width: 189px;
		font-weight: normal;
		font-size: 14px;
		text-transform: uppercase;
	}

	#elem_menu ul { 
		padding: 0 0 0 29px;
		margin: 0 0 14px 0;
		list-style-image: url(/_boutiques/ANIMALOTHEQUE/V2//site_image/menu_puce.jpg);
		line-height: 18px; 
	}
		#elem_menu ul li {  }
	
	#elem_menu a {
		color: #6c6258;
		text-decoration: none;
	}
	#elem_menu a:hover {
		color: #6c6258;
		text-decoration: underline;
	}

#elem_newsletter { position: relative; overflow: hidden; }
	#elem_newsletter input.bout_submit {
		padding: 3px;
		float: left;
		background: #fff;
		border: 1px solid #6c6258;
		border-left: 0;
		margin: 0;
	}
	#elem_newsletter input.form_text {
		margin: 0 0 0 5px;
		width: 148px;
		height: 16px;
		border: 1px solid #6c6258;
		border-right: 0;
		padding: 1px 3px;
		float: left;
	}

/*    classes récurrentes
--------------------------------------------------- */
.bloc_s { width: 400px; margin: 3px auto;}

.bloc_m { margin: 3px 0 3px 50px; }
table.bloc_m { width: 574px; }

.bloc_l { width: 520px; margin: 3px auto;}

.alerte_erreur { color: #FF0000; font-weight: bold;}
.alerte_info { color: #009933; font-weight: bold; }

.encart-dynamique { margin: 10px 0 0 0;}

.encart-dynamique li { }

.i-frame { background: #FFF; padding: 4px 8px;}

.i-frame form input { margin: 3px 0 10px 0;}

.i-frame p { margin: 0;}


/*    formulaires
--------------------------------------------------- */
.form_text { color: #666666; margin: 0 5px;}

.form_col { width: 120px;}

input.search, input.go { margin: 4px 0 14px; }

p.bouton input { width: auto; }

/* ------------------------------------------------
/*    Propriétés CSS des pages principales
/*------------------------------------------------- */

/*    index
--------------------------------------------------- */


#nouveautes_top {
	width: 391px;
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/box_large_titre_g.gif) left top no-repeat;
	height: 23px;
	padding: 0 0 0 80px;
}
	#nouveautes_top h2 {
		height: 23px; 
		line-height: 23px;
		font-size: 14px;
		font-weight: normal;
		color: #fff;
		padding: 0 13px 0 7px;
		float: left;
		background: #009ee0 url(/_boutiques/ANIMALOTHEQUE/V2//site_image/box_large_titre_d.gif) right top no-repeat;
	}
		#nouveautes_top h2 a { color: #fff; text-decoration: none; }
		#nouveautes_top h2 a:hover { color: #fff; text-decoration: none; }
		
#nouveautes { 
	width: 453px;
	padding: 9px 9px 3px 9px; 
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/nouveautes_middle.jpg) left top repeat-y;
}
	#nouveautes .produit {
		margin: 9px 9px 12px 9px;
		padding: 0 0 30px 0;
		height: 211px;
		width: 133px; 
		float: left;
		overflow: hidden;
		position: relative;
	}
		#nouveautes .produit .img_prd {
			margin: 0 auto;
			padding: 0;
			width: 107px;
			height: 150px;
			overflow: hidden;
		}
			#nouveautes .produit .img_prd img {
				width: 107px;
				height: auto;
			}
		#nouveautes .produit .infos_prd {
			padding: 0;
			font-size: 10px;
			color: #665f56;
		}
			#nouveautes .produit .infos_prd h2 {
				font-size: 12px;
				font-weight: bold;
			}
				#nouveautes .produit .infos_prd h2 a {
					text-decoration: underline;
					color: #665f56;
				}
				#nouveautes .produit .infos_prd h2 a:hover {
					text-decoration: none;
				}
		#nouveautes .produit .btn_prd {
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -42px;
		}
	
#nouveautes_bottom { 
	width: 471px; 
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/nouveautes_bottom.jpg) left top no-repeat;
	height: 6px;
	margin: 0 0 12px 0; 
}

#coupsdecoeur {  
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/noscoupsdecoeur.gif) left top no-repeat;
	width: 354px;
	padding: 0 9px 9px 108px;
	overflow: auto;
	position: relative;
}
	#coupsdecoeur h2.coupsdecoeur_titre {
		position: absolute;
		left: 0;
		top: 22px;
		width: 108px;
		font-size: 19px;
		font-weight: normal;
		color: #fff;
		text-align: center;
		line-height: 22px;
	}
		#coupsdecoeur h2.coupsdecoeur_titre a { color: #fff; text-decoration: none; }
		#coupsdecoeur h2.coupsdecoeur_titre a:hover { color: #fff; text-decoration: none; }
		
	#coupsdecoeur .produit {
		margin: 6px 0 15px 16px;
		padding: 0;
		width: 161px;
		height: 102px;
		overflow: hidden;
		float: left;
	}
		#coupsdecoeur .produit .img_prd {
			margin: 0;
			padding: 0;
			width: 57px;
			height: 80px;
			overflow: hidden;
			float: left;
		}
			#coupsdecoeur .produit .img_prd img {
				width: 57px;
				height: auto;
			}
		#coupsdecoeur .produit .infos_prd {
			padding: 0 0 0 64px;
			font-size: 10px;
			color: #665f56;
		}
			#coupsdecoeur .produit .infos_prd h2 {
				font-size: 12px;
				font-weight: bold;
			}
				#coupsdecoeur .produit .infos_prd h2 a {
					text-decoration: underline;
					color: #665f56;
				}
				#coupsdecoeur .produit .infos_prd h2 a:hover {
					text-decoration: none;
				}

#top5 {
	float: right;
	width: 201px;
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/top5_bottom.jpg) left bottom no-repeat;
	padding: 0;
}
	#top5 h2.titre {
		background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/top5.jpg) left top no-repeat;
		margin: 0;
		padding: 0;
		color: #fff;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		height: 29px;
		line-height: 29px;
	}
	#top5 .produit {
		background: #ccecf9;
		height: 88px;
		margin-bottom: 3px;
		padding: 8px 7px 3px 7px;
		color: #665f56;
		position: relative;
	}
		#top5 .produit .img_prd {
			height: 80px;
			width: 57px;
			overflow: hidden;
			float: left;
		}
			#top5 .produit .img_prd img {
				height: 80px;
				width: auto;
			}
		#top5 .produit .nbtop_prd {
			font-size: 28px;
			font-weight: bold;
			text-align: center;
			width: 18px;
			height: 25px;
			left: 74px;
			top: 12px; 
			position: absolute;
		}
		#top5 .produit .infos_prd {
			height: 90px;
			overflow: hidden;
			padding: 0;
			margin: 0 0 0 96px;
			width: 91px;
			font-size: 11px;
		}
			#top5 .produit .infos_prd h2 {
				font-size: 12px;
				line-height: 14px;
				font-weight: bold;
				max-height: 56px;
				overflow: hidden;
			}
				#top5 .produit .infos_prd h2 a {
					text-decoration: underline;
					color: #665f56;
				}
				#top5 .produit .infos_prd h2 a:hover {
					text-decoration: none;
				}
			#top5 .produit .infos_prd .prix_prd {
				text-align: right;
			}	
				
	


/*    catégorie
--------------------------------------------------- */
.syspage { color: #009ee0; padding-bottom: 10px; }
.syspage a { color: #009ee0; }
.syspage a:hover { color: #009ee0; }


#produits { 
	clear: right;
}

#produits .bloc-produit {
	height: 157px;
	width: 682px;
	margin: 10px 0 5px 0;
	padding: 12px 0 6px 0;
	background: #e3dfda url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_categ_top.gif) left top no-repeat;
	position: relative;
}
	#produits .bloc-produit .bloc-prd-bottom {
		background: #e3dfda url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_categ_bottom.gif) left top no-repeat;
		position: absolute;
		width: 682px;
		height: 6px;
		left: 0;
		bottom: 0;
	}
	
	#produits .bloc-produit .picto_prd {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 125px;
		height: 90px;
		text-align: center; 
	}
	
	#produits .bloc-produit .infos_prd {
		width: 388px;
		height: 104px;
		overflow: hidden;
	}
		#produits .bloc-produit .infos_prd .nom_prd {
			font-size: 14px;
			font-weight: bold;
			color: #a99a8b;
		}
		#produits .bloc-produit .infos_prd .desc_prd {
		}
	
	#produits .bloc-produit .prix_prd {
		position: absolute;
		right: 160px;
		top: 115px;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #ff0b2f;
		text-align: right;
	}
		#produits .bloc-produit .prix_prd .alerte_erreur {
			font-weight: normal;
		}
		#produits .bloc-produit .prix_prd .aulieude {
			display: block;
			font-size: 11px;
			color: #8b8986;
		}
	#produits .bloc-produit .boutons {
		position: absolute;
		right: 12px;
		bottom: 12px;
		width: 125px;
		max-height: 157px;
	}
		#produits .bloc-produit .boutons .bouton {
			margin-top: 7px;
		}

.bp-image { 
	width: 107px;
	height: 150px;
	overflow: hidden;
	margin: 0 12px 0 12px;
}
	.bp-image img { 
		width: 107px;
		height: auto;
	}
	
	
.col_1, .col_2, .col_3 { float: left; width: 220px; margin: 10px 0 0 0; }
.col_2, .col_3 { border-left: 1px dotted #C2B3AC; margin-left: 11px; }
	.col_1 h2, .col_2 h2, .col_3 h2 { text-align: center; }
	.col_1 ul, .col_2 ul, .col_3 ul { list-style: none; margin-left: 10px; padding: 0; font-size: 12px; }
	

#liste_ssrayons ul.nostyle { margin: 0; padding: 0; list-style: none; }
	#liste_ssrayons ul.nostyle li { display: inline; }

.bloc-ssrayon { width: 143px; height: 205px; float: left; margin: 20px 26px 10px 0; text-align: center; position: relative; }
.bloc-ssrayon.ssrayon1 { background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_catx6_1.gif) left top no-repeat; }
.bloc-ssrayon.ssrayon2 { background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_catx6_2.gif) left top no-repeat; }
	.bloc-ssrayon a { color: #807A73; width: 143px; height: 205px; display: block; }
	.bloc-ssrayon .nom { color: #807A73; font-size: 16px; text-align: center; line-height: 17px; height: 34px; position: absolute; overflow: hidden; bottom: 164px; left: 5px; width: 133px; }
	.bloc-ssrayon .img { width: 107px; height: 150px; position: relative; top: 30px; }
		.bloc-ssrayon .img img { width: 107px; height: 150px; }


/*    fiche produit
--------------------------------------------------- */

#produit {
	background: #e3dfda url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_categ_top.gif) left top no-repeat;
	width: 682px;
	margin: 10px 0 5px 0;
	padding: 12px 0 6px 0;
	position: relative;
}
	#produit .bloc-prd-bottom {
		background: #e3dfda url(/_boutiques/ANIMALOTHEQUE/V2//site_image/bg_categ_bottom.gif) left top no-repeat;
		position: absolute;
		width: 682px;
		height: 6px;
		left: 0;
		bottom: 0;
	}
	#produit #info-produit {
		margin: 0 12px 0 0;
		overflow: hidden;
	}
		#produit #info-produit .nom_prd {
			font-size: 14px;
			font-weight: bold;
			color: #a99a8b;
		}
		#produit #info-produit .desc_prd {
		}
		#produit .bloc-bottom_prd {
			clear: both;
			margin: 10px 0 6px 0;
			height: 91px;
			position: relative;
		}
			#produit .bloc-bottom_prd .img6 {
				position: absolute;
				left: 0;
				top: 0;
				height: 91px;
			}
			#produit .bloc-bottom_prd .bouton {
				position: absolute;
				right: 0;
				bottom: 0;
			}
			#produit .bloc-bottom_prd .prix_prd {
				position: absolute;
				right: 0;
				bottom: 25px;
				font-size: 17px;
				font-weight: normal;
				color: #ff0b2f;
				text-align: right;
			}
				#produit .bloc-bottom_prd .prix_prd .alerte_erreur { font-weight: normal; }
				#produit .bloc-bottom_prd .prix_prd .aulieude { display: block; font-size: 11px; color: #8b8986; }

#img-produit { margin: 0 13px 0 13px; width: 190px; height: 250px; overflow: hidden; }
	#img-produit img { width: 190px; height: auto; }

#info-produit { }

#info-produit table { margin: 0; }

.vignettes img {
	height: 40px;
	width: 40px;
	margin: 4px 6px 4px 0;
}

.titre-pro-asso { margin: 10px 0 !important; }
#bloc-pro-asso {  }
	#bloc-pro-asso .pro-asso { width: 123px; margin: 5px 20px; float: left; }
		#bloc-pro-asso .pro-asso .img_prd { width: 115px; height: 150px; text-align: center;  }
			#bloc-pro-asso .pro-asso .img_prd img { width: 115px; height: 150px; }
		#bloc-pro-asso .pro-asso .nom_prd { color: #665f56; font-weight: bold; font-size: 11px; line-height: 14px; height: 42px; overflow: hidden; }
			#bloc-pro-asso .pro-asso .nom_prd a { color: #665f56; text-decoration: underline; }
			#bloc-pro-asso .pro-asso .nom_prd a:hover { color: #665f56; text-decoration: none; }
		#bloc-pro-asso .pro-asso .prix_prd { color: #ff0000; font-weight: bold; font-size: 11px; }
	

.avis-box { margin: 20px auto 12px auto; clear: both; }

/*    processus de commande
--------------------------------------------------- */
.separateur { color: #888;}

#pdc_box {
	font-size: 15px;
	color: #CCC;
	padding-bottom: 13px;
}

#pdc_box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#pdc_box ul li {
	float: left;
	padding: 0;
	margin: 0 3px;
	height: 26px;
	line-height: 26px;
}

#pdc_box ul li.currentstep { color: #009EE0; }

#pdc_box ul li span.highlight {
	border: 1px solid #ccc;
	padding: 4px 8px 3px 8px;
}

#pdc_box ul li.currentstep span.highlight {
	border: 1px solid #009EE0;
	padding: 4px 8px 3px 8px;
}


/*    panier
--------------------------------------------------- */

/* --- TABLEAU A COULEURS ALTERNEES --- */
.styleCell1 { background-color: #f4fae5; }
.styleCell1 img { margin: 3px;}
tr.styleCell1 strong { line-height: 23px; margin: 3px;}
	
.styleCell2 { background-color: #edf6d5; }
.styleCell2 img { margin: 3px;}
tr.styleCell2 strong { line-height: 23px; margin: 3px;}

#form-panier { }
#form-panier td { vertical-align: middle; }


/*    commande.htm
--------------------------------------------------- */
form.com_id label {
	display: inline-table;
	width: 45%;
	text-align: right;
	line-height: 4px; /* petite valeur pour centrer le texte et l'input sous safari */
}

form.com_id textarea { margin: 0 4px; }

form.com_id input { margin: 0 4px; height: 16px; }

form.com_id p.bouton input { height: auto;}

.gdemarge { margin-left: 45%;}


/* ------------------------------------------------
/*    Propriétés CSS des autres pages
/*------------------------------------------------- */

/*    ami.htm
--------------------------------------------------- */
.form-ami p { width: 50%; float: left;}
.form-ami label { display: block; width: 120px; }
.form-ami input { width: 80%;}
.form-ami p.bouton { width: 100%;}


/*    avis.htm
/* --------------------------------------------------- */
.avis { font-size: 12px;}

.meta-avis { margin: 14px 0 6px 0;}

.form-avis p { width: 50%; float: left;}
.form-avis label { display: block; width: 160px; }
.form-avis input { width: 80%;}
.form-avis p.bouton, .form-avis p.alerte_info, .form-avis p.alerte_erreur { width: 100%;}


/*    contact.htm
--------------------------------------------------- */
.form-contact label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-contact input { width: 212px;}
.form-contact textarea { margin: 0 4px;}


/*    news
--------------------------------------------------- */
.news { }

#news-date-titre {
	font-size: 11px;
	font-weight: normal;
}


/*    mescommandes_identification.htm
--------------------------------------------------- */
.form-login label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-login input { width: 170px;}


/*    parrainage
/* --------------------------------------------------- */
.form-parrainplus p { margin: 0;}


/* -------------------------------------
/* STYLES CSS PERSONNALISES
/* Placez vos sytles personnels ici
/* ------------------------------------- */

a.backlink, 
.backlink {
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/puce_bleue.gif) left center no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
	color: #009ee0; 
	text-decoration: none;
	font-size: 11px;
}
.backlink a { color: #009ee0; text-decoration: none; }
a.backlink:hover, 
.backlink a:hover { color: #009ee0; text-decoration: underline; }


#pub_rentashop, #pub_rentashop a, #pub_rentashop a:hover {
	color: #006790;	
}
#pub_rentashop { margin-bottom: 10px; }

#selection_produits {
	margin: 0 0 0 10px; 
	position: absolute;
	top: 195px;
	left: 195px;
	z-index: 900;
}
	#selection_produits .produit {
		position: relative;
		float: left;
		width: 127px;
		height: 156px;
		margin: 3px 10px; 
	}
		#selection_produits .produit a {
			border: 3px solid #ddefb0;
			display: block;
			left: 0;
			top: 0;
			width: 107px;
			position: absolute;
			z-index: 100;
			padding: 1px 10px;
			text-decoration: none; 
		}
			#selection_produits .produit a .infos_prd {
				display: none;
				color: #00668e;
				font-size: 10px;
				margin: 6px 0;
			}
				#selection_produits .produit a .infos_prd .nom_prd {
					text-decoration: underline;
					display: block;
				}
				#selection_produits .produit a .infos_prd .prix_prd {
					text-decoration: none;
					font-weight: bold;
					font-size: 11px;
					display: block;
				}
		#selection_produits .produit a:hover {
			background: #fff;
			border: 3px solid #8bc0d6;
			text-decoration: none;
		}
			#selection_produits .produit a:hover .infos_prd {
				display: block;
			}
		#selection_produits .produit .img_prd {
			width: 107px;
			height: 150px;
			margin: auto;
			text-align: center;
			overflow: hidden;
		}
			#selection_produits .produit .img_prd img {
				margin: auto;
				width: 107px;
				height: 150px;
			}
			
#zone_pub .box_large {
	color: #6c6258;
	height: 113px;
	padding: 5px 10px 4px 8px;
	width: 664px;
}
	#zone_pub .box_large .box_content .fl-droite img {
		margin-top: -5px;
	}

.box_large {
	width: 628px;
	margin: 23px 0 6px 0;
	padding: 20px 30px 12px 24px;
	position: relative;
	background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/box_large_middle.gif) left top repeat-y;
}
	.box_large .box_large_titre {
		top: -23px;
		left: 0;
		padding: 0 0 0 80px;
		height: 23px;
		position: absolute;
		background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/box_large_titre_g.gif) left top no-repeat;
	}
		.box_large .box_large_titre h1 {
			height: 23px;
			line-height: 23px;
			font-size: 14px;
			font-weight: normal;
			color: #fff;
			padding: 0 13px 0 7px;
			float: left;
			background: #009ee0 url(/_boutiques/ANIMALOTHEQUE/V2//site_image/box_large_titre_d.gif) right top no-repeat;
		}
	.box_large .box_large_bottom {
		position: absolute;
		bottom: -6px;  
		left: 0;
		height: 6px;
		width: 682px;
		background: transparent url(/_boutiques/ANIMALOTHEQUE/V2//site_image/box_large_bottom.gif) left top no-repeat;
	}
	.box_large .box_content {
		overflow: hidden;
		height: 113px;
	}

.erreur { color: red !important; font-weight:bold;}

.noerreur {	}

.marginGuides { margin: 20px;}

.bann {margin:10px;
}