/* -------------------------------------------------------------------------------------------------------------------------- */
/*   16/09/2008                                    par Kinaly                                                                 */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* #F2F2F2 gris clair      */
/* #DCE1E3 gris            */
/* #97C9DB bleu clair      */
/* #6EA4B8 bleu            */
/* #0C161A presque noir    */
/* #036564 vert            */
/* #033649 vert foncé      */
/* #031634 bleu très foncé */

/* --------------------------------------------------- */
/*     initialisation : balises XHTML générales        */
/* --------------------------------------------------- */

html { font-size: 11px; }

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

img {
	border:0px;
	margin: 0;
}

p { margin: 0 0 6px 0; }

a {	
	color: #787878;
	text-decoration: none;
}

a:hover {
	color: #888888;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 6px 0; padding: 0; }

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #2a96cf;
	font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 12px 0;
}

h1 a, h1 a:hover {
	color: white;
}


h2 {
	font-size: 13px;
	font-weight: bold;
	color: #2a96cf;
	font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 8px 0;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #2a96cf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	color: #033649;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

th a { color:#FFFFFF; }


strong {

}

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

form { margin:0; padding:0; }

input {
	color:#000000;
	font-size: 10px;
}

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

option { text-align: center; }

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

input {
	margin: 4px 0;
}

del { color: #0C161A}


/* --------------------------------------------------- */
/*                structure : armature                 */
/* --------------------------------------------------- */

#enveloppe-page {
	width: 740px; /* Largeur de page à rendre dynamique */
	margin: auto;
	padding: 0;
	position: relative;
}

#en-tete {
	position: relative;
	display: block;
	height: 170px; /* Hauteur à rendre dynamique */
	background: #FFFFFF;
	text-align: center;
}

#logo img {
	margin: 0 0 10px 0;
	padding: 0;
}

#conteneur {
	margin: 0;
	padding: 0;
}

#conteneur-interne {
	margin: 0;
	padding: 0;
}

#menu-haut {
	margin: 0;
	padding: 0;
	height: 35px;
}

#menu-haut a {
	display: block;
	position: absolute;
	margin: 0 1px 0 1px;
	padding: 0;
	text-indent: 39px;
	color: #fff;
	width: 146px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}

#menu-haut-accueil {
	left: 0;
	background: #4d4d4f url(/_boutiques/AGNES_DOG//site_image/menu-haut-accueil.jpg) no-repeat;
}
#menu-haut-nomsite {
	left: 148px;
	background: #4d4d4f url(/_boutiques/AGNES_DOG//site_image/menu-haut-nomsite.jpg) no-repeat;
	text-indent: 0 !important;
	text-align: center;
}
#menu-haut-votre-compte {
	left: 296px;
	background: #4d4d4f url(/_boutiques/AGNES_DOG//site_image/menu-haut-votre-compte.jpg) no-repeat;
	text-indent: 0 !important;
	text-align: center;
}
#menu-haut-condition-vente {
	left: 444px;
	text-indent: 29px !important;
	background: #4d4d4f url(/_boutiques/AGNES_DOG//site_image/menu-haut-condition-vente.jpg) no-repeat;
}
#menu-haut-contact {
	left: 592px;
	background: #4d4d4f url(/_boutiques/AGNES_DOG//site_image/menu-haut-contact.jpg) no-repeat;
	text-indent: 0 !important;
	text-align: center;
}

#zone-haut {
	position: relative;
	margin: 0;
	padding: 0;
	height: 37px;
	background: #e7e7e7;
	line-height: 37px;
}

#col-g {
	float: left;
	position: relative;
	left: 0;
	width: 208px; /* Largeur de colonne à rendre dynamique */
	margin: 0;
	padding: 0;
}

#col-g img {
	border: 0;
}

.col-interne {
	margin: 8px; /* Valeur dynamique qui sert à générer une marge pour le contenu des colonnes. */
}

#pubs_haut {
	display: block;
	margin: 0 0 5px 210px;
	padding: 0;
	height: 187px;
	position: relative;
}
#pubs_haut img {
	position: absolute;
	border: 0;
}

#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	background: #fff;
	margin: 0 0 0 210px; /* Les valeurs gauche et droite équivalent aux largeurs des colonnes latérales */
	padding: 0;
}

#contenu-principal h1 {
	background: url(/_boutiques/AGNES_DOG//site_image/titre-page.jpg) 0 0 no-repeat;
	text-indent: 22px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
}

.clearfloat {
	clear: both;
}

#pied-page {
	border-top: 3px solid #4d4d4f;
	padding: 15px 0 0 0;
	margin: 5px 0 0 0;
	display: block;
	height: 40px; /* Hauteur à rendre dynamique */
	text-align: center;
}

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

#elem_panier {
	float: right;
	width: 250px;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 0 30px 0 0;
	clear: both;
	background: transparent url(/_boutiques/AGNES_DOG//site_image/icone-panier.jpg) center right no-repeat;
	color: #000;
	font-weight: bold;
}

#elem_panier p, #elem_panier span {
	margin: 0;
	padding: 0;	
}

#elem_menu h2 { 
	background:  transparent url(/_boutiques/AGNES_DOG//site_image/col-g.jpg) top left no-repeat;
	color: #fff;
	font-size: 14px;
	text-indent: 22px;
	line-height: 25px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
}

#elem_menu a {
	color: #787878;
	text-decoration: none;
	text-indent: 36px;
	display: block;
	width: 208px;
	height: 20px;
	margin: 0 0 1px 0;
	line-height: 20px;
	background:  #f2f2f2 url(/_boutiques/AGNES_DOG//site_image/puce-col-g.jpg) top left no-repeat;
	padding: 0;
 }
 
#elem_menu a:hover {
	color: #888888;
	text-decoration: underline;
}

/* --------------------------------------------------- */
/*                    formulaires                      */
/* --------------------------------------------------- */

.form_text {
	color: #666666;
	margin: 0 5px;
}

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

#form-panier { }

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

.form_col {
	width: 120px;
}

.imgspoon {
	margin: 0;
	padding-top: 3px;
}


/* --------------------------------------------------- */
/*                  classes générales                  */
/* --------------------------------------------------- */

.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-auto {
	overflow: auto;
}

/* --------------------------------------------------- */
/*               éléments récurrents                   */
/* --------------------------------------------------- */

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

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

.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 {
	
}

.container-page {
	border: 1px solid #d6d4d5;
	padding: 3px;
	margin: 0;
}

.avis {
	font-style: italic;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

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

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

.i-frame p {
	margin: 0;
}

/* largeur à spécifier pour centrer le bloc */
#bloc-pro-asso { 
	width: 60px;
	margin: 0 auto;
}

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


.zoomVignette { display: block; position: absolute; z-index: 5000; top: 0; margin-top: -140px; left: 160px; display: block; width: 280px; height: 300px; padding: 3px; background: #2A96CF; }
.zoomVignetteLeft { margin-left: -280px; }
.zoomVignetteRight { margin-left: 160px; }
	.zoomVignette img { width: 280px; height: 280px; overflow: hidden; }
	.zoomVignette h3 { margin: 0; padding: 0; height: 20px; line-height: 20px; color: #fff; font-size: 12px; text-align: left; font-weight: bold; overflow: hidden; }

.toZoom { display: block; }


#homeLink {
	background-image: url(/_boutiques/AGNES_DOG//theme/icone_homepage.gif);
	background-repeat: no-repeat;
	text-indent: 16px;
}

.listing_produits, .listing_produits_ligne { 
	border: 1px solid #d6d4d5;
	position: relative;
	background: #f0f0f0;
	height: 462px;
	margin: 0;
	padding: 0;
}
.listing_produits_ligne { 
	height: auto;
}

.listing_produits .produit,
.listing_produits_ligne .produit {
	width: 259px;
	border: 2px solid #f0f0f0;
	margin: 0;
	padding: 0;
	background: #fff;
	float: left;
	height: 150px;
	position: relative;
}

.listing_produits .produit img.img_prd,
.listing_produits_ligne .produit img.img_prd{
	position: relative;
	top: 5px;
}

.listing_produits .produit_2 {
	margin-left: 261px;
	float: none;
	width: auto;
}

.listing_produits .produit .gauche,
.listing_produits_ligne .produit .gauche {
	float: left;
	width: 145px;
	text-align: center;
}

.listing_produits .produit .zone_prix {
	position: absolute; 
	right: 5px; 
	bottom: 10px;
	text-align: right;
}

.listing_produits .produit .zone_prix div {
	/*margin-bottom: 5px;*/
}

.listing_produits.ajax_categorie .selectSousProduit {
	margin: 0 0 3px 0;
}
.listing_produits.ajax_categorie .zone_prix .prd_prix {
	margin: 3px 0;
}

.listing_produits .produit .vert,
.listing_produits_ligne .produit .vert {
	color: #2a96cf;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
}

.listing_produits .produit .gris,
.listing_produits_ligne .produit .gris {
	color: #666;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 10px;
}

.listing_produits .produit h2,
.listing_produits_ligne .produit h2 {
	color: #2a96cf;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 15px 2px 10px 0;
}

.listing_produits .produit h2 a, 
.listing_produits .produit h2 a:hover,
.listing_produits_ligne .produit h2 a, 
.listing_produits_ligne .produit h2 a:hover {
	color: #2a96cf;
}



.listing_produits_ligne .produit {
	width: auto;
	float: none;
	height: 120px;
}

.listing_produits_ligne .produit .zone_bouton {
	text-align: right; 
	position: absolute; 
	right: 10px; 
	bottom: 15px;
	line-height: 15px;
}
.listing_produits_ligne .produit .selectSousProduit {
	margin: 3px 0;
}

.listing_produits_ligne .produit .zone_desc {
	height: 45px;
	font-size: 11px;
	line-height: 15px;
	color: #787878;
	overflow: hidden;
	margin: 0 110px 10px 0;
}


/* --------------------------------------------------- */
/*                 catalogue, rayons                   */
/* --------------------------------------------------- */

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

/* --------------------------------------------------- */
/*                     catégorie                       */
/* --------------------------------------------------- */

.bloc-produit {
	width: 130px;
	height: 230px;
	margin: 4px;
}

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

#page-produit {
	border: 1px solid #d6d4d5;
}

#page-produit .fl-gauche {
	border-right: 3px solid #f6f4f5;
	width: 190px;
	text-align: center;
	margin: 10px;
	height: 140px;
}

#page-produit .flo-droite {
	margin-left: 210px;
	height: 150px;
}

#page-produit h2 {
	color: #2a96cf;
	border-bottom: 2px dotted #f6f4f5;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 25px 10px 10px 10px;
	padding: 0 0 20px 0;
}

#page-produit .bordurebottom {
	border-bottom: 2px dotted #f6f4f5;
	margin: 10px;
	padding: 0 0 10px 0;
}

#page-produit .vert {
	color: #2a96cf;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

#page-produit .gris {
	color: #666;
	margin: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
}

#page-produit .selectSousProduit { 
	position: relative;
	top: -3px;	
	height: 16px;
}

#info-produit {
	border-top: 3px solid #f6f4f5;
}

* html #info-produit {
	height: 230px;
}

#info-produit table {
	margin: 0;
}

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

/* --------------------------------------------------- */
/*                        news                         */
/* --------------------------------------------------- */

.news { }

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

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

/* TABLEAU A COULEURS ALTERNEES */
.styleCell1 { background-color: #E1E1E1; }
.styleCell1 img { margin: 3px;}
	
.styleCell2 { background-color: #F6F6F6; }
.styleCell2 img { margin: 3px;}

li.paiement input { margin: 0; }
li.paiement form { margin: 0 0 0 10px; display: inline;}

/* --------------------------------------------------------- */
/* old : STYLES  DES ALERTES (panier, mescommandes, parrainage etc */
/* --------------------------------------------------------- */

.black { color: black; }
.orange { color: orange; }
.green { color: green; }
.red { color: red; }

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

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