html { margin:0px;	padding:0px;}
body { margin:0px; padding:0px; color:#000000; background-color:#FAE7B2; font-size:11px; font-family: Arial, Helvetica; }
td { margin:0px; padding:0px; color:#000000; font-size:11px; font-family: Arial, Helvetica; }


.bgcolorWhite { background-color:#FFFFFF; }

a.colorHome01:link,
a.colorHome02:link,
a.colorHome03:link,
a.colorHome04:link,
a.colorHome05:link { text-decoration: none; }
a.colorHome01:link,
.colorHome01 { color:#be0d03; }
a.colorHome02:link,
.colorHome02 { color:#5b0d72; }
a.colorHome03:link,
.colorHome03 { color:#ed5100; }
a.colorHome04:link,
.colorHome04 { color:#FFFFFF; }
a.colorHome05:link,
.colorHome05 { color:#b16218; }

/* ----- Espace Services ----- */
a.colorHomeServices:link,
span.colorHomeServices {
	color: #FDD7A0;
	display: block;
	text-decoration: none;
}
a.sizeFontServices:link,
span.sizeFontServices {
	color: #FFF;
	font-size: 9px;
	text-decoration: none;
}
a.lienServices:link { color: #FDD69F; }
a.lienServices:visited { color: #FDD69F; }

/* ----- Espace Perso ----- */
.colorPerso01 { color:#482b8a; }
.colorPerso02 { color:#9978b8; }
.colorPerso03 { color:#53006a; }

/* ----- formulaires ----- */
textarea.form {background-color:#FFFFFF; font-size:11px; }
.form {background-color:#FFFFFF; font-size:9px; }

.sizeBR01 { font-size:3px; }
.sizeBR02 { font-size:1px; }
.sizeBR03 { font-size:6px; }
a.sizeFont01:link { color: #000000; text-decoration: none; }
a.sizeTitleFont01:link { color: #000000; text-decoration: none; }
.sizeFont01 { font-size:9px; }
.sizeFont02 { font-size:12px; }
.sizeTarif01 { font-size:22px; font-weight:bold; }
.sizeTarif02 { font-size:16px; font-weight:bold; }

/* ----- couleurs de liens ----- */
a:link { text-decoration: none; color: #B81B1E; }
a:active { text-decoration: none; color: #B81B1E; outline: none; }
a:visited { text-decoration: none; color: #B81B1E; }
a:hover { text-decoration: underline; color: #B81B1E; }
a:focus { outline: none; }

/* ----- Gestion des menus ----- */
/* menu de gauche */
.menleft_nav01 { color:#FFFFFF; background-color:#006A65; font:bold; }
.menleft_perso01 { color:#1A0070; background-color:#A285BF; }
a.menleft_perso01 { text-decoration: none; color: #FFFFFF; }
a.menleft_perso01:active { text-decoration: none; color: #FFFFFF; }
a.menleft_perso01:visited { text-decoration: none; color: #FFFFFF; }
a.menleft_perso01:hover { text-decoration: underline; color: #FFFFFF; }
.menleft_kids01 { color:#535353; background-color:#F992C3; }
a.menleft_kids01 { text-decoration: none; color: #61002B; }
a.menleft_kids01:active { text-decoration: none; color: #61002B; }
a.menleft_kids01:visited { text-decoration: none; color: #61002B; }
a.menleft_kids01:hover { text-decoration: underline; color: #61002B; }
/* menu du haut */
a.mentop_search01 { text-decoration: none; color: #00535D; }
a.mentop_search01:active { text-decoration: none; color: #00535D; }
a.mentop_search01:visited { text-decoration: none; color: #00535D; }
a.mentop_search01:hover { text-decoration: underline; color: #00535D; }
/* menu du bas */
.menbas01 { color:#FFFFFF; background-color:#006A65; }
a.menbas01 { text-decoration: none; color: #FFFFFF; }
a.menbas01:active { text-decoration: none; color: #FFFFFF; }
a.menbas01:visited { text-decoration: none; color: #FFFFFF; }
a.menbas01:hover { text-decoration: underline; color: #FFFFFF; }
/* ----- calques de sous navigation ----- */
#layer-sousnav01 { position:absolute; visibility:hidden; display:inline; top:86px; width:10px; height:10px; z-index:2; }
#layer-sousnav02 { position:absolute; visibility:hidden; display:inline; top:86px; width:10px; height:10px; z-index:2; }
#layer-sousnav03 { position:absolute; visibility:hidden; display:inline; top:86px; width:10px; height:10px; z-index:2; }

.lienDensification {margin: 10px; }
.lienDensification a {color: #999; padding-right: 10px; text-decoration: underline;}


.menleft_logo {display: block; clear: both; font-size: 0; margin-bottom: -14px;}
.menleft_photo {display: block; clear: both; margin-bottom: -14px;}
.menleft_perso_titre {display: block; clear: both; margin-bottom: -14px;}

.guideNutrition select {margin: 0 0 0 8px;}
.guidTexteChien {padding: 6px;}
.guidTexteChat {padding: 6px;}
.guidTextePoisson {padding: 6px;}


/* Div overlay (zone par dessus le contenu en semi-transparence noir) */ 
#overlay {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background: url(imgs/overlay.png);
}


/* tellToFriend */
.tellToFriend a {display: block; width: 156px; height: 44px; background: url(imgs/commun/tellToFriend.gif) 0 0 no-repeat;
}
.tellToFriend span {display: none;}

/* Popup parlez-en */
#popup-parlezen {border: 1px solid #000; z-index: 200000; position: absolute; left: 50%; top: 50%; width: 476px; display: none; margin: 150px 0 0 -238px; background: #fff;}
#popup-parlezen .top {position: relative; height: 71px; background: url(imgs/tellToFriend_popup_header.gif) 0 0 no-repeat;}
#popup-parlezen .top .close a {display: block; position: absolute; top: 0px; right: 0px; width: 120px; height: 50px; }
#popup-parlezen .top .close span {display: none;}
#popup-parlezen .content {margin: 0 15px 15px 15px; }

#popup-parlezen p {color: #000; font-size: 12px; margin-top: 0;}
#popup-parlezen a {color: #430058; font-size: 12Px;}
#popup-parlezen th {font-size: 11px; font-weight: bold; color: #703283;}

#popup-parlezen input.text, #popup-parlezen textarea {font-family: verdana, sans-serif; font-size: 10px; font-weight: normal; color: #000; border: 1px solid #000; padding: 2Px;}
#popup-parlezen textarea {height: 140px;}

#popup-parlezen input.text {width: 300px;}
#popup-parlezen textarea {width: 300px;}

#popup-parlezen td.submitLine {text-align: right;}

#popup-parlezen .bt_submit input {background: url(imgs/tellToFriend_popup_bt_submit.gif) 0 0 no-repeat; width: 194px; height: 27px; border: 0; cursor: pointer;}

/* Popup services */
.popup-services {
	border: 1px solid #000;
	z-index: 200000;
	position: absolute;
	left: 50%;
	width: 315px;
	height: 300px;
	display: none;
	margin: 150px 0 0 -158px;
	
}
#popup-salon-selfsrv.popup-services,
#popup-salon-prosrv.popup-services {
	background: #fff url(imgs/home/hom_img2_magasins3_popin_toilettage.gif) 0 0 no-repeat;
}
#popup-salon-educanine.popup-services {
	background: #fff url(imgs/home/hom_img2_magasins3_popin_edu_canine.gif) 0 0 no-repeat;
}
.popup-services .top {position: relative; height: 20px; }
.popup-services .top .close a {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 65px;
}
.popup-services .top .close span {display: none;}
.popup-services .content { padding: 15px; }
.popup-services .content p {
	margin-right: 55px;
	color: #B81B1E;
	font-weight: bold;
}
.popup-services .content ul { list-style-type: none; padding-left: 15px; margin-left: 0; margin-top: 8px; padding-top: 0; }

/* Table form */
table.form th.label, table.form td.value {padding: 0 0 10px 0; vertical-align: top;}
table.form th.label {width: 120px; text-align: right; padding: 0 5px 0 0;}
table.form td.value {width: 305px; text-align: left;}

/**********************************************************/
/**********************************************************/
/******************** LIGHT BOX ***************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imgs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlayLb{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

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