@import "reset.css";


/* Generic elements */

body { background: #1587ab url(images/grad2.gif) repeat-x; color: #039bca; font: 14px/1.5em Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #0066c5; text-decoration: underline; } 
a:hover,a.important,a.on { color: #039bca; text-decoration: underline; }

a.more, a.more:visited { color: #872d92; }
a.more:hover { color: #000; }

p { margin-bottom: 1em; }

img.fltr { float: right; margin: 0 0 10px 10px; }
img.fltl { float: left; margin: 0 10px 0px 0;}

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images */

.highlight { color: #ed0757; }




/* Headings */

h1,h2,h3,h4,h5,h6 { margin: .5em 0; }

h1 { font-size: 140%; font-weight: normal; }
h2 { font-size: 135%; font-weight: normal;}
h3 { font-size: 130%; }
h4 { font-size: 110%; margin: .5em 0 0 0; color: #ed0757;}
h5 { font-size: 105%; }
h6 { font-size: 100%; }


/* Custom headings */

#logo { margin: 0; padding: 23px 38px 0 0; text-align: right; }
#pagetitle { color: #ed0757; font-weight: bold; }



/* Main layers */

#container { width: 820px; margin: 10px auto 0; text-align: left; background-color: #fff; }
#splash #container { background: #fff url(images/grad1.gif) bottom left repeat-x; }
#content { clear: both; padding: 0 10px; }
#sidebar { position: relative; margin-top: -170px; float: left; width: 317px; margin-bottom: 1em;}
#mainbar { float: right; width: 540px; margin-bottom: 1em; }
#tableau { margin: 30px 0 30px 0; }
#tableau td{padding : 0 5px 10px 5px ;}
#tableau td#cell {text-align: center;}
#footer { clear: both; }


/* Navigation */

#navbar { clear: both; float: left; width: 100%; margin: 1em 0 2.5em; background: #1cb6e5 url(images/grad3.gif) top left repeat-y; }
#nav { float: right; padding: .5em 12px; }
#nav li { float: left; height: 1.6em; padding: 0 10px 0 20px; background-position: center left; background-repeat: no-repeat; text-align: center; }
#nav li#homelink { width: 60px; background-image: url(images/favicon_lespetitpois1.gif); }
#nav li#themedparties { width: 140px; background-image: url(images/bullet-green.gif); }
#nav li#options { width: 80px; background-image: url(images/bullet-purple.gif); }
#nav li#specialoccasions { width: 160px; background-image: url(images/bullet-orange.gif); }
#nav li#barbatmitswah { width: 140px; background-image: url(images/bullet-green.gif); }
#nav li#contactus { width: 110px; background-image: url(images/bullet-purple.gif); }
#nav li#gallerylink { width: 200px; background-image: url(images/bullet-orange.gif); }
#nav li a, #nav li a:visited { color: #fff; text-decoration: none; font-size: 16px; }
#nav li a:hover, #nav li a.on { font-weight: bold; }




/* sub */
#subnavbar { float: left; width: 30%; padding: 10px 0 20px 0; background: url(images/bg-corners1-top1.jpg) no-repeat;}
#subnav { float: left; width: 215px; padding: 15px 10px 20px 10px; list-style-type: none; background: #882e92 url(images/bg-corners1-bottom1.jpg) bottom center no-repeat; color: #fff; font-size: 16px; line-height:100%; }
#subnav li { float: left; width: 100%;padding-bottom:5px }
#subnav li a, #subnav li a:visited { min-height: 1%; display: block; padding: 5px 0 5px 20px; background: url(images/bullet-white.gif) center left no-repeat; color: #fff; text-decoration: none; }
#subnav li a span.icon { display: block; background: url(images/arrow-purple.gif) center right no-repeat; }
#subnav li.on span.icon { background-image: none; }
#subnav ul { display: none; }
#subnav li.on ul { display: block; }
#subnav ul li { float: none; width: auto; padding-left: 20px; font-size: 13px; }
#subnav ul li a, #subnav ul li a:visited { display: inline; padding: 0; background-image: none; text-decoration: underline !important; }


#subnav li a:hover, #subnav li a.on { font-weight: bold; }

* html #subnavbar, * html #subnav li a { height: 1%; }

#subbar { float: left; width: 245px; margin-top: 20px;} 




/* Pic */

#pic { position: relative; height: 212px; }
#pic img { position: absolute; bottom: 1px; left: 30px; display: block; margin: 0 auto; }

.pic_who {float:left; margin: 5px 20px 0 0}





/* Footer */

#footer { padding: 3px 12px 10px; background-color: #eaeaea; color: #000; font-size: 10px; }
#footer a, #footer a:visited { color: #000; text-decoration: none; }
#footer a:hover {text-decoration: underline;}

#tld { width: 800px; margin: 5px auto 0; color: #fff; font-size: 11px; text-align: right; }
#tld a {color: #fff;}
#tld a:hover {color: #872d92;}



/* Gallery */


.loadingtxt{
	font-family:verdana, arial, helvetica;
	font-size:8pt; font-style:normal; font-weight:normal;text-decoration:none; 
}

.small{
	font-family:arial, helvetica;
	font-size:8pt; font-style:normal; font-weight:normal;color:#000000; text-decoration:none;
}


.thumbstable td{
	font-family:arial, helvetica;
	font-size:8pt; font-style:normal; font-weight:normal;color:#000000; text-decoration:none;padding:0 2px 2px 0; 
}

select {font-size:11px;}