/*--------------------------------------
/*   derniËre modification : 24/04/2009 
/*   par Kinaly
/* ----------------------------------- */

/* RESET
-------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


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

body  {
	margin:0; padding:0;
	background: #ae1d80;
	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: #ae1d80; text-decoration: none;}
a:hover { color: #ae1d80; 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: #ae1d80;
	margin: 0 0 12px 0;
}

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

h3 {
	font-size: 15px;
	font-weight: normal;
	color: #000;
}

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

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

th a { color:#FFFFFF; }

td { padding: 5px;}

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: 980px; background: #fff; margin: 30px auto 0; padding: 0 0 10px 0; }

#en-tete {
	position: relative;
	display: block;
	height: 207px;
	background: #FFFFFF url(/_boutiques/ANIMALKDO//site_image/bg_entete.gif) 257px 2px no-repeat;
	margin-bottom: 3px;
}

#logo { width: 257px; height: 206px; display: block; background: transparent url(/_boutiques/ANIMALKDO//site_image/logo.gif) 30px 24px no-repeat; }

#conteneur { position: relative; display: block; background: transparent;}

#conteneur-interne { display: block;}

#col-g {
	float: left;
	position: relative;
	display: block;
	width: 267px;
	left: 0;
	margin: 0;
	padding: 0;
}

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

	#col-g .colonne_interne { margin: 0 0 14px 31px; }

	.encart-dynamique li { margin-left: 11px; padding: 4px 0; }

.encart-dynamique { width: 211px; margin: 10px 0 0 0; line-height: 18px; padding: 0 0 10px 0; color: #ae1d80; font-size: 16px; background: transparent url(/_boutiques/ANIMALKDO//site_image/bg_menu.gif) left bottom no-repeat; }
	.encart-dynamique a { color: #ae1d80; text-decoration: none; }
	.encart-dynamique a:hover { color: #ae1d80; text-decoration: underline; }
	.encart-dynamique h2 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 18px;
		color: #ae1d80;
		font-weight: normal;
		text-align: center;
		line-height: 28px;
		height: 28px;
		padding: 0;
		margin: 0; 
		background: transparent url(/_boutiques/ANIMALKDO//site_image/top_menu.gif) left top no-repeat; 
	}
	
	.encart-dynamique .coupdecoeur { background: transparent url(/_boutiques/ANIMALKDO//site_image/top_menu_cc.gif) left top no-repeat; padding: 103px 0 0 0; margin-top: 0 !important; }

.pub_rentashop { margin: 25px 0 5px; }
	.pub_rentashop a { color: #fff; text-decoration: none; }
	.pub_rentashop a:hover { color: #fff; text-decoration: underline; }

#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	padding: 12px 0;
	overflow: hidden;
	margin: 0 20px 0 0;
}

#pied-page { width: 980px; margin: 0 auto; display: block; text-align: center; color: #fff; }
	#pied-page ul { margin: 0 auto; width: 960px; font-size: 17px; }
	#pied-page li { float: left; display: inline; margin: 4px; }
		#pied-page li a { color: #fff; text-decoration: none; margin: 0 26px; }
		#pied-page li a:hover { color: #fff; text-decoration: underline; }


/*    structure : ÈlÈments
--------------------------------------------------- */

#menu_horizontal { position: absolute; bottom: 0; left: 265px; width: 700px; height: 31px; padding: 0 1px; background: transparent url(/_boutiques/ANIMALKDO//site_image/bg_menu_h.gif) left top no-repeat; overflow: hidden; }
	#menu_horizontal a { display: block; float: left; width: 175px; height: 31px; line-height: 31px; text-decoration: underline; text-align: center; color: #d57a9d; font-size: 18px; }
	#menu_horizontal a:hover { color: #d57a9d; text-decoration: none; }
	
#menu_horizontal2 { position: absolute; bottom: 31px; left: 265px; width: 702px; height: 30px; overflow: hidden; }
	#menu_horizontal2 ul { list-style: none; margin: 0; padding: 0; }
		#menu_horizontal2 ul li { display: inline; }
			#menu_horizontal2 ul li a { text-indent: -5000px; height: 30px; float: left; display: block; }
			#menu_horizontal2 #menu_horizontal2_chiens { width: 172px; background: transparent url(/_boutiques/ANIMALKDO//site_image/onglet_chiens.gif) left top no-repeat; }
			#menu_horizontal2 #menu_horizontal2_chats { width: 152px; background: transparent url(/_boutiques/ANIMALKDO//site_image/onglet_chats.gif) left top no-repeat; }
			#menu_horizontal2 #menu_horizontal2_chevaux { width: 170px; background: transparent url(/_boutiques/ANIMALKDO//site_image/onglet_chevaux.gif) left top no-repeat; }
			#menu_horizontal2 #menu_horizontal2_autres { width: 208px; background: transparent url(/_boutiques/ANIMALKDO//site_image/onglet_autres.gif) left top no-repeat; }

#elem_newsletter p { margin: 0 0 0 11px; line-height: 18px; padding: 4px 0; }

#elem_rechercher { position: absolute; bottom: 67px; left: 480px; } 
	#elem_rechercher div { margin: 4px 0; } 
	#elem_rechercher label { font-weight: bold; } 



/*    classes rÈcurrentes
--------------------------------------------------- */
.bloc_xs { width: 160px; margin: 3px auto;}

.bloc_s { width: 400px; margin: 3px auto;}

.bloc_m { width: 560px; margin: 3px auto;}

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

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

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

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

.i-frame p { margin: 0;}

.encadre { padding: 0 8px 0 0; }

.fil_ariane { color: #ae1d80; font-variant: small-caps; font-size: 17px; font-weight: normal; }
	.fil_ariane a { color: #ae1d80; text-decoration: none; }
	.fil_ariane a:hover { color: #ae1d80; text-decoration: underline; }
	
	
.pwgr_CHOIX .encadre_marge { margin: 55px 0 55px 65px; }
	.pwgr_CHOIX .encadre_marge li { float: left; }


/*    formulaires
--------------------------------------------------- */
.form_text { color: #666666; margin: 0 5px;}
.form_img { margin: 0; }
.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
--------------------------------------------------- */

#home_nouveautes { padding: 36px 30px 0; margin: 0 0 30px; background: transparent url(/_boutiques/ANIMALKDO//site_image/nouveautes.gif) left top no-repeat; }
	#home_nouveautes .bloc-prd { float: left; width: 130px; margin: 0 10px; }
		#home_nouveautes .bloc-prd .nom_prd { font-size: 14px; font-weight: bold; }
			#home_nouveautes .bloc-prd .nom_prd a { text-decoration: underline; }
			#home_nouveautes .bloc-prd .nom_prd a:hover { text-decoration: none; }

#home_decoint { padding: 36px 0 0 0; width: 277px; float: left; margin: 0 52px 0 6px; background: transparent url(/_boutiques/ANIMALKDO//site_image/deco_int.gif) left top no-repeat; }
	#home_decoint p { margin: 0 0 9px; padding: 0; }
	#home_decoint img { margin: 2px 0; padding: 0; }
	#home_decoint a { font-size: 18px; font-weight: normal; color: #ae1d80; text-decoration: underline; }
	#home_decoint a:hover { color: #ae1d80; text-decoration: none; }

#home_cold { width: 311px; float: left; }

#home_decoext { padding: 29px 0 7px 0; background: transparent url(/_boutiques/ANIMALKDO//site_image/deco_ext.gif) left top no-repeat; }
#home_bijoux { padding: 29px 0 7px 0; background: transparent url(/_boutiques/ANIMALKDO//site_image/bijoux.gif) left top no-repeat; }
#home_maroquinerie { padding: 29px 0 7px 0; background: transparent url(/_boutiques/ANIMALKDO//site_image/maroquinerie.gif) left top no-repeat; }
#home_carterie { padding: 29px 0 7px 0; background: transparent url(/_boutiques/ANIMALKDO//site_image/carterie.gif) left top no-repeat; }

.home_box { text-align: center; font-size: 13px; line-height: 15px; color: #ae1d80; position: relative; }
	.home_box a { color: #ae1d80; text-decoration: none; }
	.home_box a:hover { color: #ae1d80; text-decoration: underline; }
	
.home_mask { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
	


/*    catÈgorie
--------------------------------------------------- */
.bloc-prd { height: 157px; overflow: hidden; margin: 0; padding: 10px 0; }
	.bloc-prd img { height: 116px; width: 116px; overflow: hidden; margin: 0 0 5px; }
	.bloc-prd .nom_prd { font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; }
	.bloc-prd a,
	.bloc-prd a:hover { color: #000; text-decoration: none; }

.syspage  {  }
.syspage a  {  }
.syspage a:hover  {  }

.txt_rayon { width: 632px; padding: 10px 20px 20px; margin: 0 0 20px 0; background: transparent url(/_boutiques/ANIMALKDO//site_image/bg_txt_rayon.gif) left bottom no-repeat; }
.txt_rayon_top { margin: 20px 0 0 0; padding: 6px 0 6px 93px; font-size: 15px; line-height: 15px; background: transparent url(/_boutiques/ANIMALKDO//site_image/bg_txt_rayon_top.gif) left bottom no-repeat; }
	.txt_rayon_top span { margin: 0; padding: 6px 14px 6px 5px; background: transparent url(/_boutiques/ANIMALKDO//site_image/bg_txt_rayon_top2.gif) right 1px repeat-x; }

.bloc-produit {
	height: 121px;
	width: 622px;
	margin: 5px auto;
	padding: 27px 22px 3px 40px;
	overflow: hidden;
	background: transparent url(/_boutiques/ANIMALKDO//site_image/bg_rayon.jpg) left top no-repeat;
	position: relative;
	color: #fff;
}
.bloc-produit.nouveaute { background-image: url(/_boutiques/ANIMALKDO//site_image/bg_rayon_nouveaute.jpg); }
.bloc-produit.destockage { background-image: url(/_boutiques/ANIMALKDO//site_image/bg_rayon_destock.jpg); }
.bloc-produit.coupdecoeur { background-image: url(/_boutiques/ANIMALKDO//site_image/bg_rayon_cdc.jpg); }
	.bloc-produit .img_prd { width: 116px; height: 116px; overflow: hidden; }
	.bloc-produit .nom_prd { text-align: center; width: 195px; position: absolute; left: 165px; top: 60px; font-size: 19px; line-height: 21px; height: 42px; overflow: hidden; color: #fff; font-weight: normal; }
	.bloc-produit .prix_prd { text-align: center; width: 195px; position: absolute; left: 165px; top: 115px; font-size: 16px; line-height: 18px; color: #fff; font-weight: normal; }
	.bloc-produit .desc_prd { width: 252px; position: absolute; left: 370px; top: 40px; font-size: 16px; line-height: 18px; height: 72px; overflow: hidden; }
	.bloc-produit .btn_prd { width: 252px; position: absolute; left: 370px; top: 117px; font-size: 16px; line-height: 18px; }
		.bloc-produit .btn_prd table { width: 128px; height: 28px; }
		.bloc-produit .btn_prd td { padding: 0; height: 28px; }

.bp-image { margin: 5px; height: 150px; }

#liste_ssrayons { margin-left: 22px; float: left; }
#liste_ssrayons .avecimg { float: left; }


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

.encart_fichprd { background: #ae1d80 url(/_boutiques/ANIMALKDO//site_image/fichprd_top.gif) left top no-repeat; padding: 27px 21px 0; width: 615px; margin: 0 auto; }
	.encart_fichprd .titre { color: #AE1D80; float: left; font-weight: normal; font-size: 24px; text-align: center; height: 45px; background: transparent url(/_boutiques/ANIMALKDO//site_image/fichprd_titre.gif) left top no-repeat; padding: 0 0 0 21px; }
		.encart_fichprd .titre span { display: block; float: left; line-height: 27px; background: transparent url(/_boutiques/ANIMALKDO//site_image/fichprd_titre.gif) right top no-repeat; padding: 9px 21px 9px 0; }
.encart_fichprd_bottom { background: transparent url(/_boutiques/ANIMALKDO//site_image/fichprd_bottom.gif) left top no-repeat; width: 657px; margin: 0 auto 15px; height: 22px; }

#img-produit-box { margin: 0 10px 0 0;}
#img-produit { margin: 0 10px 0 0;}

#info-produit { font-size: 15px; color: #fff; }
	#info-produit .prix_prd { color: #fff; font-size: 16px; font-weight: normal; margin: 15px 0 8px; }
	#info-produit .btn_prd { text-align: right; }	

.vignettes a { float: left; }
.vignettes img {
	height: 68px;
	width: 68px;
	margin: 4px 0 4px 4px;
}
	.vignettes img.first { margin-left: 0; }

/* largeur à spécifier pour centrer le bloc */
.pro_assoc { }
	.pro_assoc .bloc_pro_assoc { width: 130px; height: 164px; padding: 5px 20px; float: left; }
		.pro_assoc .bloc_pro_assoc .img { height: 116px; overflow: hidden; }
		.pro_assoc .bloc_pro_assoc .nom { height: 30px; line-height: 15px; font-size: 13px; overflow: hidden; }
			.pro_assoc .bloc_pro_assoc .nom a,
			.pro_assoc .bloc_pro_assoc .nom a:hover { color: #000; }
		.pro_assoc .bloc_pro_assoc .prix { color: #f81818; padding: 5px 0 0 0; font-size: 13px; overflow: hidden; }
			.pro_assoc .bloc_pro_assoc .prix a,
			.pro_assoc .bloc_pro_assoc .prix a:hover { color: #f81818; }

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

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

#pdc_box {
	font-size: 15px;
	color: #ded8d8;
}

#pdc_box ul {
	margin: 0 0 12px 97px;
	overflow: hidden;
}

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

#pdc_box ul li.currentstep { color: #ae1d80; }

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

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


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

/* --- TABLEAU A COULEURS ALTERNEES --- */
.styleCell1 { background-color: #ebe7e7; }
.styleCell1 img { margin: 3px;}
tr.styleCell1 strong { line-height: 23px; margin: 3px;}
	
.styleCell2 { background-color: #fbf7f7; }
.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;*/
	float: left;
	width: 45%;
	text-align: right;
	line-height: 22px; /* petite valeur pour centrer le texte et l'input sous safari */
	margin: 0 0 0 4px; 
}

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

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

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

/*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 { float: right; margin: 4px 0 12px 12px;}
.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
/* ------------------------------------- */

.col_1, .col_2, .col_3 { float: left; width: 210px; 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 a { color: #777; text-decoration: none; }
#liste_ssrayons a:hover { color: #777; text-decoration: underline; }



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

.noerreur {	}

.marginGuides { margin: 20px;}