/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	/*background-image:url(../img/bg/fond-site.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
}

/* Polices */
@font-face {
	font-family: 'Caviar dreams';
	src: url('/global/fonts/caviardreams.eot');
	src: local(Goodtime),url('/global/fonts/caviardreams.woff') format('woff'), url('/global/fonts/caviardreams.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Caviar dreams bold';
	src: url('/global/fonts/caviardreams_bold.eot');
	src: local(Goodtime),url('/global/fonts/caviardreams_bold.woff') format('woff'), url('/global/fonts/caviardreams_bold.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

.caviar_dreams {
	font-family: 'Caviar dreams', Verdana, Arial; 
}

.caviar_dreams_bold {
	font-family: 'Caviar dreams bold', Verdana, Arial; 
}

h1 {
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#669B82;
}

h2 {
	margin:0px;
	padding:0px;
	font-size:16px;
	color:#95CA23;
}

h3 {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#D14248;
}

h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-size:11px;
}

p {
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:justify;
}

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

a:hover {
	color:#FF00FF;
	text-decoration:none;
}

hr {
	position:relative;
	height:1px;
	background-color:#D14248;
	overflow:hidden;
	border:none;
	margin-bottom:20px;
	margin-top:20px;
}

img {
	border:none;	
}

.vignette {
	border:1px solid #d40050;
}


/* Fomulaire */
form {margin:0;padding:0;}

input[type=text], input[type=password], textarea, select {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000;
	border:1px solid #9CC60D;
	padding:2px;
	font-size:12px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	/*background-color:#9CC60D;*/
	/*color:#FFFFFF;*/
	/*border:1px solid #FFFFFF;*/
}

input[type=submit], input[type=button] {

}

input[type=submit]:hover, input[type=button]:hover {

}

input[type=submit].ok, input[type=button] {
	background-image:url("/global/img/bt/ok.png");
	background-repeat:no-repeat;
	background-color:transparent;
	color:#FFF;
	font-size:16px;
	padding:0px 0px 3px 0px;
	height:25px;
	width:25px;
	border:none;
	cursor:pointer;
}

input[type=submit], input[type=button]:hover.ok {
	background-image:url("/global/img/bt/ok-over.png");
	background-repeat:no-repeat;
	border:none;
}


/* Couleurs */
.gris {color:#999999;}
.rouge {color:#CC0000;}
.rose {color:#AD144A;}
.vert {color:#01592F;}
.bleu {color:#336699;}
.jaune {color:#FFCC00;}
.orange {color:#FF6600;}
.blanc {color:#FFFFFF;}


/* Mise en page */
.f_08 {font-size:8px;}
.f_09 {font-size:9px;}
.f_10 {font-size:10px;}
.f_11 {font-size:11px;}
.f_12 {font-size:12px;}
.f_13 {font-size:13px;}
.f_14 {font-size:14px;}
.f_16 {font-size:16px;}
.f_18 {font-size:18px;}
.f_20 {font-size:20px;}
.f_22 {font-size:22px;}
.center, .centre {text-align:center;}
div.bords {position:relative;padding:10px;border:1px solid #CCCCCC;}
.bords_arrondis {border-radius:20px;-moz-border-radius:20px;behavior:url(/global/css/ie-css3.htc);}
.bords_ombres {box-shadow:0px 0px 6px #ccc; -moz-box-shadow:0px 0px 6px #ccc;behavior:url(/global/css/ie-css3.htc);}


/* Colonnes */
.colonne_50 {position:relative;float:left;width:50px;}
.colonne_70 {position:relative;float:left;width:70px;}
.colonne_80 {position:relative;float:left;width:80px;}
.colonne_100 {position:relative;float:left;width:100px;}
.colonne_120 {position:relative;float:left;width:120px;}
.colonne_130 {position:relative;float:left;width:130px;}
.colonne_140 {position:relative;float:left;width:140px;}
.colonne_150 {position:relative;float:left;width:150px;}
.colonne_200 {position:relative;float:left;width:200px;}
.colonne_250 {position:relative;float:left;width:250px;}
.colonne_300 {position:relative;float:left;width:300px;}
.colonne_350 {position:relative;float:left;width:350px;}
.colonne_400 {position:relative;float:left;width:400px;}
.colonne_450 {position:relative;float:left;width:450px;}
.colonne_500 {position:relative;float:left;width:500px;}
.colonne_550 {position:relative;float:left;width:550px;}
.colonne_600 {position:relative;float:left;width:600px;}
.colonne_650 {position:relative;float:left;width:650px;}
.colonne_700 {position:relative;float:left;width:700px;}
.colonne_750 {position:relative;float:left;width:750px;}
.colonne_800 {position:relative;float:left;width:800px;}
.colonne_250_bords {position:relative;width:228px;float:left;padding:10px;border:1px solid #CCCCCC;overflow:hidden;}
.colonne_300_bords {position:relative;width:278px;float:left;padding:10px;border:1px solid #CCCCCC;overflow:hidden;}
.colonne_350_bords {position:relative;width:328px;float:left;padding:10px;border:1px solid #CCCCCC;overflow:hidden;}
.colonne_450_bords {position:relative;width:428px;float:left;padding:10px;border:1px solid #CCCCCC;overflow:hidden;}
.colonne_550_bords {position:relative;width:528px;float:left;padding:10px;border:1px solid #CCCCCC;overflow:hidden;}
.clear {clear:both;}
.clear_5, .clear_form {clear:both;height:5px;overflow:hidden;}

.div_bords {
	position:relative;
	padding:10px;
	border:1px solid #E3E3E3;
	border-radius:20px;
	-moz-border-radius:20px;
	behavior:url(/global/css/ie-css3.htc);
}

/* Icones */
.i_ajout, .i_modif, .i_suppr, .i_suppr2, .i_fv, .i_fb, .i_fr, .i_fichier {
	position:relative;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:40px;
	height:25px;
	padding-top:4px;
}
.i_ajout {background-image:url(../img/bt/ajout.png);}
.i_modif {background-image:url(../img/bt/modif.png);}
.i_suppr {background-image:url(../img/bt/suppr.png);}
.i_suppr2 {background-image:url(../img/bt/suppr2.png);}
.i_fv {background-image:url(../img/bt/fleche-vert.png);}
.i_fb {background-image:url(../img/bt/fleche-bleu.png);}
.i_fr {background-image:url(../img/bt/fleche-rouge.png);}
.i_fichier {background-image:url(../img/bt/fichier.png);}


/* Conteneur */
#main {
	position:relative;
	margin:auto;
	width:983px;
	overflow:hidden;
	/*background-color:#FFF;*/
}


/* Haut */
#haut {
	position:relative;
	height:157px;
	background-image:url("/global/img/bg/haut.png");
	background-repeat:no-repeat;
}
#logo {
	position:relative;
	left:70px;
}
#recherche {
	position:absolute;
	top:20px;
	left:772px;
	background-image:url("/global/img/bg/encart-recherche.png");
	background-repeat:no-repeat;
	padding:27px 0px 0px 15px;
	line-height:45px;
	width:208px;
	height:95px;
}
#texte_haut {
	position:absolute;
	width:370px;
	top:60px;
	left:360px;
	text-align:center;
	font-family:"Caviar dreams", "Caviar dreams ie", "Trebuchet MS", Verdana, Arial, Helvetica; 
	color:#00592f;
	font-size:18px;
	font-weight:bold;
}
#texte_haut h1 {
	font-weight:bold;
	display:inline;
	color:#00592f;
}

/* Menu */
#menu_haut {
	position:relative;
	z-index:20;
	height:51px;
}
#menu_chien_n1 {
	position:relative;
	background-image:url("/global/img/bt/menu-chien-over.jpg");
	background-repeat:no-repeat;
	width:196px;
}
#menu_chat_n1 {
	position:relative;
	background-image:url("/global/img/bt/menu-chat-over.jpg");
	background-repeat:no-repeat;
	width:192px;
}
#menu_ane_cheval_n1 {
	position:relative;
	background-image:url("/global/img/bt/menu-ane-cheval-over.jpg");
	background-repeat:no-repeat;
	width:195px;
}
#menu_basse_cour_n1 {
	position:relative;
	background-image:url("/global/img/bt/menu-basse-cour-over.jpg");
	background-repeat:no-repeat;
	width:195px;
}
#menu_autres_animaux_n1 {
	position:relative;
	background-image:url("/global/img/bt/menu-autres-animaux-over.jpg");
	background-repeat:no-repeat;
	width:204px;
}
#menu_chien {
	position:relative;
	float:left;
}
#menu_chien_hover, #menu_chat_hover , #menu_ane_cheval_hover, #menu_basse_cour_hover, #menu_autres_animaux_hover {
	position:absolute;
	display:none;
	background-color:#f2f7e2;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	padding:5px 0px 0px 0px;
	opacity : 0.95;
    -moz-opacity : 0.95;
    -ms-filter: "alpha(opacity=95)"; /* IE 8 */
    filter : alpha(opacity=95); /* IE < 8 */ 
}
#menu_chien_hover {
	margin-left:3px;
	width:189px;
}
#menu_chat {
	position:relative;
	float:left;
}
#menu_chat_hover {
	width:188px;
}
#menu_ane_cheval {
	position:relative;
	float:left;
}
#menu_ane_cheval_hover {
	width:191px;
}
#menu_basse_cour {
	position:relative;
	float:left;
}
#menu_basse_cour_hover {
	width:191px;
}
#menu_autres_animaux {
	position:relative;
	float:left;
}
#menu_autres_animaux_hover {
	margin-right:3px;
	width:197px;
}
a.cat_niv2 {
	color:#035A31;
	font-size:12px;
	letter-spacing:1px;
	display:block;
	padding-left:5px;
	font-weight:bold;
	font-family:'Caviar dreams bold';
}
a.cat_niv2:hover {
	color:#000;
	background-color:#FFCFDD;
	text-decoration:none;
}
a.cat_niv3 {
	color:#333;
	display:block;
	padding-left:20px;
	font-size:11px;
}
a.cat_niv3:hover {
	color:#000;
	background-color:#FFCFDD;
	text-decoration:none;
}

/* Gauche */
#gauche {
	position:relative;
	padding-left:3px;
 	width:201px;
	float:left;
	margin-right:9px;
}

#pas_manquer {
	position:relative;
	background-image:url("/global/img/bg/pas-manquer-contenu.jpg");
	background-repeat:repeat-y;
	background-position:0px 0px 15px 0px;
	min-height:300px;
	overflow:hidden;
	width:190px;
}

#pas_manquer_contenu {
	position:relative;
	background-image:url("/global/img/bg/pas-manquer-haut.jpg");
	background-repeat:no-repeat;
	padding:35px 5px 20px 5px;
}

#pas_manquer_bas {
	position:absolute;
	bottom:0px;
	left:0px;
	width:190px;
	height:20px;
	background-image:url("/global/img/bg/pas-manquer-bas.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
}


/* Contenu */
#contenu {
	position:relative;
	width:976px;
	min-height:500px;
	padding-top:15px;
	border-left:3px solid #D14248;
	border-right:3px solid #D14248;
	z-index:10;
	background-color:#FFF;
}

#centre {
	position:relative;
	width:560px;
	float:left;
	overflow:hidden;
}

#art_infos ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

#art_infos ul li {
	position:relative;
	background-image:url(/global/img/bt/rond-zoelia.jpg);
	background-repeat:no-repeat;
	padding-left:22px;
	line-height:18px;
	font-weight:bold;
	text-decoration:underline;
}

.box_ligne {
	position:relative;
	float:left;
	border-bottom:1px solid #999999;
	line-height:26px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#FFFFFF;
}

.txt_icone {
	position:relative;
	top:-6px;
}


/* Catégories */
#fil_ariane {
	position:relative;
	margin:10px 0px 10px 0px;
}

.ligne_categories {
	border-bottom:1px solid #D14248;
	border-top:1px solid #D14248;
	margin:10px 0px 10px 0px;
	padding:5px 0px 5px 0px;
}

.ligne_categorie {
	border-bottom:1px solid #E3E3E3;
	padding:3px 0px 3px 0px;
}

.ligne_categorie a {
	display:block;
}


/* Fiche article */
#art_c1 {
	position:relative;
	text-align:center;
	width:205px;
	float:left
}

#art_c2 {
	position:relative;
	width:340px;
	float:left;
}

#art_c3 {
	position:relative;
	float:left;
	width:320px;
}

#art_titre {
	background-image:url("/global/img/bg/puce.png");
	background-repeat:no-repeat;
	padding-left:25px;
	color:#01592F;
}

#art_image {
	position:relative;
	background-image:url("/global/img/bg/fond-images.png");
	background-repeat:no-repeat;
	height:219px;
	width:190px;
}

#art_image table {
	height:219px;
	width:190px;
}

#art_image #nb_photos {
	position:absolute;
	top:8px;
	left:65px;
}

#art_image #clic {
	position:absolute;
	top:195px;
	left:40px;
}

#art_select_variante {
	position:relative;
	text-align:center;
	width:340px;
	height:54px;
	background-image:url(../img/bg/cadre-selection-variante.jpg);
	overflow:hidden;
	padding-top:6px;
}

#art_prix_dispo {
	position:relative;
	width:140px;
	float:left;
	text-align:center;
	padding-top:10px;
}

#art_prix {
	position:relative;
	background-image:url("/global/img/bg/prix-nouveaute.png");
	background-repeat:no-repeat;
	background-position:center;
	height:30px;
	width:97px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin:auto;
}

.art_dispo {
	position:relative;
	top:5px;
	padding:0px 4px 0px 4px;
}

#art_quantite {
	position:relative;
	padding:10px 0px 0px 15px;
}

#art_quantite input {
	width:15px;
	text-align:center;
	border:none;
	font-size:14px;
	font-weight:bold;
}

#art_quantite img {
	position:relative;
	top:2px;
}

#art_panier {
	position:relative;
	background-image:url(../img/bg/cadre-ajout-panier.jpg);
	height:105px;
	width:200px;
	padding-top:15px;
}

#art_infos {
	position:relative;
	padding-left:25px;
	width:500px;
	top:-30px;
	z-index:1;
}

#art_infos_haut {
	position:relative;
	padding-left:10px;
	width:550px;
	height:62px;
	background-image:url("/global/img/bg/ombre-infos-haut.png");
	background-repeat:no-repeat;
	z-index:1;
}

#art_infos_bas {
	position:relative;
	padding-left:10px;
	margin-top:-80px;
	width:550px;
	height:56px;
	top:0px;
	background-image:url("/global/img/bg/ombre-infos-bas.png");
	background-repeat:no-repeat;
	z-index:0;
}

/* Articles associés */
.articles_associes {
	position:relative;
	width:155px;
	padding:5px;
	float:left;
	text-align:center;
	border:2px solid #D14248;
	border-radius:10px;
	-moz-border-radius:10px;
	margin-right:10px;
	margin-bottom:10px;
	height:170px;
	overflow:hidden;
	behavior:url(/global/css/ie-css3.htc);
	/*font-size:11px;*/
}

.as_titre {
	position:relative;
	height:35px;
	overflow:hidden;
}

.as_img {
	position:relative;
	margin-bottom:5px;
}

.as_prix {
	position:relative;
	font-weight:bold;
	color:#035A31;
}

.articles_associes .nom {
	font-weight:bold;
}

.articles_associes .img {
	border:1px solid #999999;
}

/* Panier */
.panier_ligne {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #D5E2F0;
}

.panier_bt {
	position:relative;
	top:3px;
}

#panier_bas {
	position:relative;
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #E9E9E9;
}

.panier_cadre_recap {
	position:relative;
	border:1px solid #D5E2F0;
	border-radius:20px;
	-moz-border-radius:20px;
	padding:10px;
	behavior:url(/global/css/ie-css3.htc);
}

.panier_prix_total {
	font-size:14px;
	color:#336699;
}

#txt_alert {
	position:relative;
	width:540px;
	font-size:12px;
	padding:3px;
	border:solid 1px #81B93E;
	z-index:1;
}


/* Promotions */
.promotions_top {
	position:relative;
	background-image:url("/global/img/bg/fond-promos-top.jpg");
	background-repeat:no-repeat;
	width:550px;
	height:40px;
}

.promotions_middle {
	position:relative;
	border-left:3px solid #583b0d;
	border-right:3px solid #583b0d;
	width:544px;
	height:auto;
}

.promotions_bottom {
	position:relative;
	background-image:url("/global/img/bg/fond-promos-bottom.jpg");
	background-repeat:no-repeat;
	width:550px;
	height:32px;
	left:-3px;
}

.prix_barre {
	font-size:14px;
	text-decoration:line-through;
}


/* Nouveautes */
.nouveautes {
	position:relative;
	padding:4px;
	border:1px solid #E3E3E3;
	border-radius:20px;
	-moz-border-radius:20px;
	margin-bottom:10px;
	behavior:url(/global/css/ie-css3.htc);
}

.nouveautes .cat {
	font-size:10px;
	color:#035b31;
	font-style:italic;
}

.nouveautes .descriptif_court {
	font-size:10px;
	overflow:hidden;
	text-align:justify;
}

.nouveautes .prix {
	position:relative;
	background-image:url("/global/img/bg/prix-nouveaute.png");
	background-repeat:no-repeat;
	width:86px;
	height:30px;
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.nouveautes .panier {
	position:relative;
}

.nouveautes .icone_nouveaute {
	position:absolute;
	bottom:-10px;
	left:0px;
}


/* CGV */
#cgv_popup {
	position:relative;
	padding:10px;
	text-align:justify;
}


/* Droite */
#droite {
	position:relative;
	width:200px;
	float:right;
}

#bt_panier {
	position:relative;
	background-image:url("/global/img/bg/encart-panier.jpg");
	background-repeat:no-repeat;
	height:62px;
	left:10px;
	padding:28px 10px 0px 10px;
}

#lien_panier {
	position:absolute;
	top:0px;
	left:2px;
}

#compte {
	position:relative;
	background-image:url("/global/img/bg/encart-compte.jpg");
	background-repeat:no-repeat;
	height:128px;
	left:10px;
	padding-top:35px;
	padding-left:12px;
	line-height:14px;
	text-align:left;
}
#compte a {
	display:block;
	margin-bottom:5px;
}
#compte #bienvenue {
	position:relative;
	height:15px;
	margin-bottom:5px;
	overflow:hidden;
	color:#98BF0E;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	font-family:'Caviar dreams bold';
}

#lien_compte {
	position:absolute;
	top:0px;
	left:2px;
}


/* Conseils pratiques */
#conseil {
	position:relative;
	background-image:url("/global/img/bg/conseil-pratique.jpg");
	background-repeat:no-repeat;
	padding:38px 5px 0px 18px;
	height:272px;
	overflow:hidden;
}

#conseil #titre {
	width:170px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#035A31;
	height:35px;
	overflow:hidden;
}

#conseil #content { 
	width:170px;
	text-align:justify;
	font-style:italic;
}

/* Flux RSS */
#rss {
	position:relative;
	background-color:#FFF;
	background-image:url(/global/img/bg/rss.png);
	background-position:right 50%;
	background-repeat:no-repeat;
	padding:8px 5px 0px 18px;
	margin-right:5px;
	overflow:hidden;
	box-shadow:0px 0px 6px #ccc; 
	-moz-box-shadow:0px 0px 6px #ccc;
	behavior:url(/global/css/ie-css3.htc);
}

#rss ul,li {
	padding:0;
}

/* Bas */
#bas {
	position:relative;
	height:109px;
	background-image:url("/global/img/bg/bas.jpg");
	background-repeat:no-repeat;
	padding-top:5px;
	text-align:center;
}

#menu_bas {
	position:relative;	
}

.liens_bas {
	position:relative;
	width:245px;
	padding-top:15px;
	float:left;
}

#footer {
	position:relative;
	color:#999999;
	text-align:center;
	margin-bottom:10px;
}

#bas_icones {
	position:absolute;
	top:25px;
	right:20px;
}

#bas_icones a {
	margin-right:20px;
}