@charset "utf-8";
/* Salon de toilettage LaRochelle */

/* Styles génénéraux */

html, body {
	margin: 0;
	padding: 0;
}

body {
	color: 	#000;
	font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	background: rgb(147,115,55) url(../images/page_bgnd.jpg) repeat-x;	
}

a img{
	border: none;
	margin: 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	display: block;
}

.clearit {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.noindent {
	text-indent: 0!important;
}

a {
	outline: none!important;
	-moz-outline-style:none!important;
}

.layoutImg {
	margin: 0 0 0 2px!important;
	line-height: 0;
}

/* Page sections styles */

#pageWrapper {
	margin: 0 auto;
	padding: 0;
	width: 989px;
}

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

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

/* Main nav */

#mainNav {
	color: 	#fff;
	/*font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;*/
	padding: 0;
	margin: 0 0 18px 0;
	height: 41px;
	width: 989px;	
	background: url(../images/mainnav_bgnd.jpg) no-repeat;
}

/* Content */

#contentWrapper {
	width: 987px;
	background: url(../images/contentwrapper_bgnd.gif) repeat-y;
	margin: 0 0 0 2px;
	padding: 0;
}

/* Main content */

#mainContent {
	background: #fff url(../images/maincontent_bgnd.gif) repeat-y;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 584px;
}

#mainContent h1 {
	margin: 0 30px 0.15em 20px;
	font: 24px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: rgb(53,2,43);
}

#mainContent h2 {
	margin: 0.25em 30px 0.15em 20px;
	font: 18px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: rgb(160,154,32);
}

#mainContent h3 {
	margin: 0.25em 30px 0.15em 20px;
	font: bold 14px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: rgb(0,0,0);
}

#mainContent p {
	margin: 0 30px 0.5em 20px;
	font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

#mainContent p.emph {
	margin: 0 30px 0.5em 20px;
	font-size: 13px;
	font-weight: bold;
	color: rgb(141,39,0);
	text-indent: 0;
}

#mainContent p+p {
	text-indent: 1em;
}

#mainContent ul {
	margin: 0 30px 1em 0;
	list-style: inside;
	list-style-type: disk;
	font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

#mainContent ul ul {
	list-style: inside;
	list-style-type: circle;
	margin-left: 0;
	margin-bottom: 0.25em;
}

#mainContent dt {
	margin: 0 30px 0.5em 20px;
	font: bold 13px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: rgb(142,40,0);
}

#mainContent dd {
	margin: 0 30px 0.5em 20px;
	font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

#mainContent .faq dt.closed {
	color: rgb(191,113,16);
	background: url(../images/east.gif) left center no-repeat;
	padding-left: 20px;
}

#mainContent .faq dt:hover {
	cursor: pointer;
	color: rgb(142,40,0);
	background: url(../images/south.gif) left center no-repeat;
}

#mainContent .faq dt.open {
	color: rgb(142,40,0);
	background: url(../images/south.gif) left center no-repeat;
	padding-left: 20px;
}

/*#mainContent div.imgLarge p {
	margin: 0.25em 0 0.25em 0;
}*/

#mainContent div.imgLarge {
	margin: 10px 30px 10px 20px;
}

#mainContent .retour {
	text-align: right;
}

#mainContent .retour img {
	display: inline;
}

#mainContent fieldset {
	margin: 20px 45px 20px 20px;
	padding: 0;
	border: 1px solid rgb(199,173,46);
}

#mainContent legend {
	font: 14px/1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: rgb(53,2,43);
	margin: 0 0 0 15px;
	padding: 5px 10px;
	border: 1px solid rgb(53,2,43);;
	background-color: rgb(208,181,131);
}

#mainContent #memberDetails {
	width: 490px!important;
}

#mainContent #memberDetails td {
	padding: 5px;
	font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;	
	vertical-align: top;
}

#mainContent #memberDetails td:first-child {
	font-weight: bold;
}

#mainContent #memberDetails h3 {
	margin: 0.5em 0 0.25em 0;
}

#mainContent #memberDetails, #mainContent #membersList {
	margin: 20px 30px 20px 20px;
	border-collapse: collapse;	
}

#mainContent #membersList th, #mainContent #membersList td {
	padding: 5px;
	border: 1px solid #000;
}

#mainContent #membersList th, #mainContent #animalsEdit th {
	background-color: rgb(208,181,131);
}

#mainContent #animalsDetails {
	margin: 20px 30px 20px 20px;
	border-collapse: collapse;
}

#mainContent #animalsDetails td {
	text-align: center;
	vertical-align: middle;
}


#mainContent #memberDetails #animalsDetails {
	margin: 5px 0 20px 0;
}

#mainContent #animalsDetails td, #mainContent #animalsDetails th, #mainContent #animalsEdit th,  #mainContent #animalsEdit td {
	padding: 3px 10px;
}

#mainContent #animalsDetails td.editButtons {
	text-align: center!important;
	width: 82px!important;
}

#mainContent #animalsDetails th {
	background-color: rgb(208,181,131);
}

#mainContent fieldset #memberDetails {
	margin: 10px;
}

#mainContent #animalsEdit td {
	text-align: left!important;
	vertical-align: middle;
}

#mainContent #animalsEdit {
	margin: 20px 10px 20px 10px;
	border-collapse: collapse;
	width: 520x;
}

#mainContent tr.notConfirmed {
	background-color: rgb(255,184,157);
}

#mainContent #dayApps {
	margin: 20px 10px 20px 20px;
}

#mainContent .ui-datepicker-trigger {
	display: inline;
	margin: -5px 0 0 5px;
	vertical-align: middle;
}

#mainContent #dayApps .currentDay {
	text-indent: 0;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 14px;
}

#mainContent #dayApps .appBlock {
	padding: 5px;
	margin: 0 0 5px 0;
	width: 375px;
	background: rgb(199,173,46)!important;
}

#mainContent #dayApps .blockInPast {	
	background: rgb(191,113,16)!important;
	color: rgb(88,44,25)!important;
}

#mainContent #dayApps .blockPartial {	
	background: rgb(208,181,131)!important;	
}

#mainContent #dayApps .blockReserved {	
	background: rgb(142,40,0)!important;
	color: #fff!important;
}

#mainContent #dayApps .appBlock .time {
	padding: 5px;
	margin: 0;
	width: 50px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	/*background: #eee;*/
}

#mainContent #dayApps .appBlock .appsDetails {
	padding: 5px 0 5px 10px;
	margin: 0;
	font-size: 12px;
	/*background: #ddd;*/
}

#mainContent #dayApps .appBlock .clear {
	clear: left;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: o;
	padding: 0;
}

#mainContent #dayApps .appBlock a:link {
	color: rgb(88,44,25);
	text-decoration: none;
}

#mainContent #dayApps .appBlock a:hover, #mainContent #dayApps .appBlock a:active {
	color: #fff;
	text-decoration: underline;
}

#mainContent #dayApps .blockReserved a:link {
	color: #fff;
	text-decoration: none;
}

#mainContent #dayApps .blockReserved a:hover, #mainContent #dayApps .blockReserved a:active {
	color: rgb(208,181,131);
	text-decoration: underline;
}

#mainContent #dayApps #selectDay {
	margin: 5px 0 15px 0;
}

#mainContent #mainContentRight {	
	float: right;
	margin: 0;
	padding: 0;
}

#contentBottomImg {
	clear: both;
}

#mainContent #imagesSalon {
	width: 520px;
	padding: 0;
	margin: 10px 0 20px 20px
}

#mainContent #imagesSalon a {
	display: block;
	border: 5px solid rgb(142,40,0);
	width: 250px;
	height: 188px;
	margin: 0;
	padding: 0;
	float: left;
}

#mainContent .vidWrapper {	
	margin: 20px auto;
	padding: 0;
}

	/* Articles */
#mainContent h2 .subhead {
	color: #999;
	font-size: 0.75em;
}

#mainContent .sigDate {
	font-weight: bold;
}

#mainContent .sigDate a {
	font-weight: normal;
}

#mainContent div.articleImg {
	margin: 10px 30px 10px 20px;
}

#mainContent div.articleImg p.caption {
	text-indent: 0;
	margin: 0;
	color: #666;	
	font-size: 0.8em;
}

#mainContent div.articleImg p.caption .copyright {
	font-style: italic;
	color: #999;
}

#mainContent .rightImg {
	margin: 5px 20px 10px 20px;
	float: right;
}

#mainContent .promoTxt {
	font: 18px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-indent: 0;
	color: rgb(142,40,0);
}

#mainContent .originalArticle {
	text-indent: 0;
	font-weight: bold;
}

#mainContent a:link {
	color: rgb(142,40,0);
	text-decoration: none;
}

#mainContent a:visited {
	color: rgb(88,44,25);
	text-decoration: none;
}

#mainContent a:hover, #mainContent a:active {
	color: rgb(239,188,46);
	text-decoration: underline;
}

/* Colonne contenu secondaire */

#secContent {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 215px;
}

#secContent #flashSlideShowWrapper {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 204px;
}

#secContent #memberLogin {
	margin: 0 auto;
	padding: 0;
	width: 204px;
	background: rgb(208,181,131) url(../images/login_bgnd.gif) repeat-y;
}

#secContent #memberLogin h2 {
	margin: 0 10px 0.15em 10px;
	padding: 0;
	font: 18px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: rgb(142,40,0);
}

#secContent #memberLogin p {
	margin: 0 10px 0.5em 10px;
	font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

#secContent #memberLogin form p {
	margin-left: 0;
}

#secContent #memberLogin form {
	margin: 10px 10px 0 10px;
	padding: 0;	
}

#secContent #memberLogin label {
	font: bold 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;	
}

#secContent #memberLogin input {
	margin: 0 0 10px 0;
}

div.error {
	font-weight: normal!important;
	color: rgb(142,40,0);
	margin: 0 0 0.5em 0;
	font: 12px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

#secNav {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 188px;
}

#secContent a:link {
	color: rgb(142,40,0);
	text-decoration: none;
}

#secContent a:visited {
	color: rgb(142,40,0);
	text-decoration: none;
}

#secContent a:hover, #secContent a:active {
	color: rgb(88,44,26);
	text-decoration: underline;
}

/* Footer */

#footer {
	width: 799px;
	background: rgb(199,173,46);
	margin: 0;
	padding: 0;
	clear: both;
}

#footer #footerLinks {
	width: 584px;	
	margin: 0;
	padding: 10px;
}

#footer #footerLinks p {
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer #footerLinks a:link {
	color: rgb(88,44,25);
}

#footer #footerLinks a:visited {
	color: rgb(142,40,0);
}

#footer #footerLinks a:hover, #footer #footerLinks a:active {
	color: rgb(255,255,255);
}

/* Credits */

#credits {
	width: 584px;	
	margin: 0;
	padding: 10px;
}

#credits p {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
}

#credits a:link {
	color: rgb(88,44,25);
}

#credits a:visited {
	color: rgb(142,40,0);
}

#credits a:hover, #credits a:active {
	color: rgb(255,255,255);
}