/*Version:   1.0
Author:    Stephane Douville
Email:       info@stephanedouville.com  
Website:   http://www.stephanedouville.com
Date:        2008/10/04
 
Copyright 2008 Stephanedouville.com  All Rights Reserved 
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font-size: 62.5%; background-color: #000; }
ul { list-style: none inside; }
p { color: #fff; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-position: 1.2em 1.4em; margin-bottom: 8px; padding: 6px 10px 6px 5px; }
a { color: #fff; text-decoration: none; outline: none medium; }
h1 { color: #fff; font-size: 2.1em; font-family: Impact, Helvetica, Verdana, Arial, sans-serif; font-weight: normal; height: 25px; margin-bottom: 8px; border-bottom: 1px dotted #fff; }
h2 {
	color: #FF0;
	font-size: 1.6em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 6px;
	padding-top: 6px;
}
h3 { color: #fff; font-size: 1.3em; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; margin-bottom: 6px; padding-top: 6px; }
h4 {
	color: #FF0;
	font-size: 1.4em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 6px;
	padding-top: 6px;
}
a:hover { color: #cfcfcf; text-decoration: underline; outline: none medium; }
a:visited { color: #fff; text-decoration: none; outline: none medium; }
a img { border: none; }

/*-----------------------------------------------------------------------------
ToolBox, Fixed Bug
-----------------------------------------------------------------------------*/
.img_floatleft { float: left; margin-right: 10px; }
.floatleft { float: left; }
.floatright { float: right; }
.space { height: 25px; }
.transpBlack { background: url(../img/transpBlack.png); }
/* Remove border around linked images and fix Firefox odd spaces */
img {
	border: 0;
}
.banleft { float: left; margin-right: 12px; margin-bottom: 6px; }
.clear { height: 0; clear: both; }
    .cLeft { clear: left; }
    .cRight { clear: right; }
    .cEnd {
    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
        display: inline-table;
    /* Hides from IE-mac \*/
        height: 1%;
        display: block;
    /* End hide from IE-mac */
    }
        html>body .cEnd {
        height: auto;
    }
    .cEnd:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }


/* =Page Structure
-----------------------------------------------------------------------------*/
#wrap { background-image: url(../img/wrap.jpg); background-repeat: repeat-y; background-attachment: scroll; width: 1024px; margin: 0 auto; }
#puce { background-image: url(../puce/puce_aa01.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px bottom; width: 334px; height: 467px; margin-right: auto; margin-left: auto; float: left;}
#wrappuce {
	background-image: url(../puce/puce_aa01.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 5px bottom;
	width: 1024px;
	height: auto;
	left: -5px;
	position: relative;
	float: left;
}
/* =Headings
-----------------------------------------------------------------------------*/
#header { background-image: url(../img/top.jpg); background-repeat: no-repeat; background-attachment: scroll; width: 1024px; clear: both; height: 61px; margin: 0 auto; }
/* =Main Content
-----------------------------------------------------------------------------*/
#content { text-align: justify; width: 830px; clear: both; margin-right: auto; margin-left: auto; padding-right: 20px; }
#left { float: left; }
#right {
	width: 600px;
	min-height: 575px;
	margin-left: 240px;
}
#righthome {
	width: 470px;
	float: left;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: 350px;
}
#m_right { padding: 0 0 0 10px; width: 60%; float: right; }

#small_puce {
	background-image: url(../puce/puce_bb01.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
	position: relative;
	width: auto;
	height: auto;
}

#banner { margin-right: auto; margin-left: auto; width: 728px; height: 90px; clear: both; margin-bottom: 15px; }
/*#puce {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 bottom;
	position: relative;
	width: 334px;
	height: 437px;
	float: left;
}*/

#one { text-align: justify; width: 100%; float: left; padding-right: 10px; padding-left: 10px; }
/* =Footer
-----------------------------------------------------------------------------*/
#footer { line-height: 2em; background: #000 url(../img/bottom.jpg) no-repeat center top; width: 1024px; height: 171px; clear: both; margin-right: auto; margin-left: auto; padding-top: 12px; }
#footer p { font-size: 1.1em; padding-top: 25px; padding-left: 82px; }
/* =List
-----------------------------------------------------------------------------*/
#skull_list { color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, SunSans-Regular, Geneva, sans-serif; font-weight: bold; margin-left: 25px; padding-top: 8px; padding-bottom: 8px; padding-left: 0; list-style-type: none; }
#skull_list li { background-image: url(../img/skull_bullet_Y.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; height: 25px; padding-top: 2px; padding-left: 35px; }
#star_list { color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, SunSans-Regular, Geneva, sans-serif; font-weight: bold; margin-left: 25px; padding-top: 8px; padding-bottom: 8px; padding-left: 0; list-style-type: none; }
#star_list li { background-image: url(../img/Red_Star_sm.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; height: 25px; padding-top: 2px; padding-left: 35px; }
#footer_list ul
{ width: 100%; padding-left: 82px;
/* fixes Firefox 0.9.3 */
}
#footer_list ul li.empty{
	margin: 0 0px 0 100px;
}
#footer_list ul li
{ padding: 3px 0; border-right: 1px solid #d9e1e4; display: inline; }
#footer_list ul li a
{ color: #fff; font-size: 1.1em; line-height: 1.1em; text-decoration: none; padding: 5px 10px; }
#footer_list ul li a:hover
{ color: #ff0; text-decoration: underline; }
#footer_list #active { border-left: 1px solid #fff; }
/* =Typography
-----------------------------------------------------------------------------*/
.white_skull { background-image: url(../img/skull_bullet_W.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding-left: 35px; border-style: none; }
/* =Tables
-----------------------------------------------------------------------------*/
 
table { 
  border-spacing: 0;
   border-collapse: collapse;
}
 
td {
  text-align: left;
  font-weight: normal;
}

#s1{
	width: 450px;
	height: 250px;
	clear: right;
}

.pics {  
    height:  350px;  
    width:   250px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {
	padding: 5px;
	background-color: transparent;
	width:  350px;
	height: 250px;
	top:  0;
	left: 0
} 

#s2{
	width: 520px;
	height: 175px;
	clear: right;
	background-color: transparent;
}

.pics2 {  
	width: 520px;
	height: 150px;
    padding: 0;  
    margin:  0;  
} 
 
.pics2 img {
	padding: 5px;
	width: 520px;
	height: 150px;
	top:  0;
	left: 0
} 

/* NAV */
#menuhead { background-image: url(../nav/menu_nav_bg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; text-align: center; width: 1024px; height: 90px; position: relative; z-index: 9998; margin: 0 auto; }
#menuhead #menunav { width: 860px; height: 46px; margin-right: auto; margin-left: auto; }
#menuhead #menunav li { display: inline; }
#menuhead #menunav li a { float: left; width: 86px; height: 0; padding-top: 46px; overflow: hidden; }
#menuhead #menunav li a { background-image: url(../nav/menu_nav.png); _background-image: url(../nav/menu_nav.png); background-repeat: no-repeat; }

/* BUTTONS */
#menuhead #menunav li#boutique a { background-position: 0 0; }
#menuhead #menunav li#tatoo a { background-position: -86px 0; }
#menuhead #menunav li#piercing a { background-position: -172px 0; }
#menuhead #menunav li#bijoux a { background-position: -258px 0; }
#menuhead #menunav li#vetement a { background-position: -344px 0; }
#menuhead #menunav li#mode a { background-position: -430px 0; }
#menuhead #menunav li#deco a { background-position: -516px 0; }
#menuhead #menunav li#online a { background-position: -602px 0; }
#menuhead #menunav li#english a { background-position: -688px -92px; }
#menuhead #menunav li#blank a { background-position: -774px 0; }

/* OVER STATES */
#menuhead #menunav li#boutique a:hover { background-position: 0 -46px; }
#menuhead #menunav li#tatoo a:hover { background-position: -86px -46px; }
#menuhead #menunav li#piercing a:hover { background-position: -172px -46px; }
#menuhead #menunav li#bijoux a:hover { background-position: -258px -46px; }
#menuhead #menunav li#vetement a:hover { background-position: -344px -46px; }
#menuhead #menunav li#mode a:hover { background-position: -430px -46px; }
#menuhead #menunav li#deco a:hover { background-position: -516px -46px; }
#menuhead #menunav li#online a:hover { background-position: -602px -46px; }
#menuhead #menunav li#english a:hover { background-position: -688px -46px; }
#menuhead #menunav li#blank a:hover { background-position: -774px -46px; }

/*ON STATES */
#menuhead #menunav li#boutique a:active { background-position: 0 0px; }
#menuhead #menunav li#tatoo a:active { background-position: -86px -92px; }
#menuhead #menunav li#piercing a:active { background-position: -172px -92px; }
#menuhead #menunav li#bijoux a:active { background-position: -258px -92px; }
#menuhead #menunav li#vetement a:active { background-position: -344px -92px; }
#menuhead #menunav li#mode a:active { background-position: -430px -92px; }
#menuhead #menunav li#deco a:active { background-position: -516px -92px; }
#menuhead #menunav li#online a:active { background-position: -602px -92px; }
#menuhead #menunav li#english a:active { background-position: -688px -92px; }
#menuhead #menunav li#blank a:active { background-position: -774px -92px; }

/* Catalogue */
#left_cat { margin: 0 5px 10px 0; padding: 0 10px 0 0; width: 150px; float: left; }
#right_cat { width: 640px; float: right; margin-bottom: 10px; padding: 0 0 0 10px; }
#content .template{ background-color: #fff; width: 150px; height:auto; float:left; margin:4px 4px 10px 20px; padding: 3px; border: solid 1px #01060a; }
#content .template .thumb{width:145px; border: #000000 1px solid; margin-top: 9px; float:left;}
#content .template h5{ color: #073990; font-family:Arial, Helvetica, Sans-Serif; font-weight:bold; font-size:13px; }
#content .template table{float: right; width: 150px; margin: 16px 0 0; text-align: left; font-family:Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 20px;}