/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Trebuchet MS;
	line-height: 1.2em;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; background: #FFFFFF; color: #000000 }
a:active { text-decoration: none; color: #000000 }
a:visited { text-decoration: none; background: #FFFFFF; color: #000000; }
a:hover { text-decoration: none; background: #FFFFFF; color: #3C3C3C;} }


#add-button { 
     position: absolute; 
     width: 200px; 
     height: 80px; 
     margin-top: 0px; 
     margin-left: 0px; 
     z-index: 2; 
} 

a.add-button { 
     display: inline; 
     width: 200px; 
     height: 80px; 
     outline: none; 
     background-image: url(../files/add-to-cart.gif); 
     background-repeat: no-repeat; 
     background-position: 0px 0px; 
     z-index: 2; 
} 
      
a.add-button:hover { 
     background-position: 0px -80px; 
     z-index: 2; 
} 



.button, #main-content .button {
	font-family: Trebuchet MS;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #3C3C3C;
	border: 1px solid #FFFFFF;
}

#img-container span.backgrounded a,
#img-container a.thickbox, 
#img-container a.thumb-img, 
#img-container #d-col1 a { background: transparent; }

/* Mozilla based browsers */
::-moz-selection {
background-color: #faeded;
color: #000000;
}
 
/* Works in Safari */
::selection {
background-color: #faeded;
color: #000000;
}

a img { border: none; }

#menu {
    width: 160px;
    overflow: auto;
    top: 9px;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li a:hover {
text-decoration: underline;
}

#menu ul li.active a {
text-decoration: underline;
font-style: none;
background-color: #ffffcc;
color:#000000;
}

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 10px 0 0 215px;
    top: 0;
}

.container {
    padding: 5px 5px 25px 15px;
}

#content p { width: 400px; margin-bottom: 15px; }

p {
    margin: 9px 0 9px 0;
}

h1 { font-size: 10px; display: inline; }
h2 { font-size: 18px;
    text-decoration: underline; 
    font-style: italic; 
    display: inline; }
h3 { font-size: 15px; }
h4 { font-size: 15px; }
h5 { font-size: 10px; 
    text-decoration: none; 
    font-style: none; 
    background: #eee4e3; 
    color: #362cfc;
    display: inline; }
h5:hover { background: #fcd7ca; 
    text-decoration: none;
    color: #6743a7;}
h6 { font-size: 10px; 
    text-decoration: none;  
    background: #CFCFCF; 
    color: #000000;
    display: inline; }
h7 { font-size: 10px; 
    text-decoration: none; 
    background: #ffffff; 
    color: #000000;
    display: inline; }
h7:hover { background: #ffffcc;
	 text-decoration: underline; }
h8 { font-size: 10px; 
    text-decoration: none; 
    background: #ffffff; 
    color: #000000;
    display: inline; }
h8:hover { background: #ffcccc;
	 text-decoration: underline; }
h9 { font-size: 10px; 
    text-decoration: none; 
    background: #ffffff; 
    color: #000000;
    display: inline; }
h9:hover { background: #ccffcc;
	 text-decoration: underline; }
h10 { font-size: 10px; 
    text-decoration: none; 
    background: #ffffff; 
    color: #000000;
    display: inline; }
h10:hover { background: #ffccff;
	 text-decoration: underline; }
h11 { font-size: 10px; 
    text-decoration: none; 
    background: #ffffff; 
    color: #000000;
    display: inline; }
h11:hover { background: #ccccff;
	 text-decoration: underline; }
h12 { font-size: 10px; 
    text-decoration: underline;  
    background: #ffffff; 
    color: #000000;
    display: inline; }
h13 { font-size: 10px; 
    text-decoration: underline;  
    background: #ffffff; 
    color: #000000;
    display: inline; }





.note {
	border: 1px solid #ccc;
	padding: 7px 0 7px 30px;
	width: 242px;
	background: url('/zine-icon.jpg') no-repeat left;
	padding-left: 30px;
	margin-bottom: 5px; }
.note1 {
	border: 1px solid #ccc;
	padding: 7px 0 7px 30px;
	width: 250px; height: 600px;
	background: #d6daf0;
	background: url('/arrow.png') no-repeat left center;
	padding-left: 30px;
	margin-bottom: 5px; }
div#left {
   border: 1px solid #ccc;
   padding: 7px 0 7px 30px;
   padding-left: 30px;
   display:inline;
   float: left;
   width: 30%; 
   height: 600px;
   background-color: #d6daf0;}
div#right {
   border: 1px solid #ccc;
   padding: 7px 0 7px 30px;
   padding-left: 30px;
   display:inline;
   float: right;
   width: 30%; 
   height: 600px;
   background-color: #d6daf0;
   clear:both;}






#once { clear: left; }

#zine-image {
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:40px;
	width:242px;
	height:323px;
}

#thumb-home {
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:40px;
	width:242px;
	height:323px;
/*	-moz-box-shadow:1px 1px 6px #CCC;
    -webkit-box-shadow:1px 1px 6px #CCC;
    box-shadow:1px 1px 6px #CCC;*/
}


#thumb-home a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

#thumb-home a:hover img { 
	-moz-box-shadow:3px 3px 3px #CCC;
    -webkit-box-shadow:3px 3px 3px #CCC;
    box-shadow:3px 3px 3px #CCC;
/*	opacity:1;filter:alpha(opacity=100);
*/}






#thumb-zine {
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:40px;
	width:242px;
	height:323px;
}


#thumb-zine a img { 
text-decoration:none;
z-index:1;
*/}


.details{
	margin-top:-60px;
	margin-right:90px;
	margin-left:-8px;
	font-size:10px;
	
	}

.details1{
	margin-top:-7px;
	margin-right:90px;
	margin-left:0px;
	font-size:10px;
	
	}

.detail right{
	margin-top:-7px;
	margin-right:90px;
	margin-left:300px;
	font-size:10px;
	
	}

#paypal{
	margin-top:-344px;
	margin-right:90px;
	margin-left:0px;
	font-size:10px;		

	}

#paypal1{
	margin-top:-50px;
	margin-right:90px;
	margin-left:0px;
	font-size:10px;		
	cursor:default;
	}

#look  {
	margin-top:-70px;
	margin-right:90px;
	margin-left:170px;
	font-size:10px;		

	}

#paypal2{
	margin-top:-50px;
	margin-right:90px;
	margin-left:0px;
	font-size:10px;		

	}


#paypal2-old {
	position:relative;
	float:left;
	margin-right:90px;
	margin-bottom:0px;
	margin-top:-50px;
	margin-left:0px;
	width:67px;
	height:16px;
/*	-moz-box-shadow:1px 1px 6px #CCC;
    -webkit-box-shadow:1px 1px 6px #CCC;
    box-shadow:1px 1px 6px #CCC;*/
}


#paypal2-old a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

#paypal2-old a:hover img { 
	-moz-box-shadow:3px 3px 3px #CCC;
    -webkit-box-shadow:3px 3px 3px #CCC;
    box-shadow:3px 3px 3px #CCC;
/*	opacity:1;filter:alpha(opacity=100);
*/}




#unavailable-old{
	margin-top:-14px;
	margin-right:90px;
	margin-left:0px;
	font-size:10px;		

	}




#unavailable {
	position:relative;
	float:left;
	margin-right:90px;
	margin-bottom:0px;
	margin-top:-14px;
	margin-left:0px;
	width:67px;
	height:16px;
/*	-moz-box-shadow:1px 1px 6px #CCC;
    -webkit-box-shadow:1px 1px 6px #CCC;
    box-shadow:1px 1px 6px #CCC;*/
}


#unavailable a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

#unabailable a:hover img { 
	-moz-box-shadow:3px 3px 3px #CCC;
    -webkit-box-shadow:3px 3px 3px #CCC;
    box-shadow:3px 3px 3px #CCC;
/*	opacity:1;filter:alpha(opacity=100);
*/}







#look1 {
	margin-top:-58px;
	margin-right:90px;
	margin-left:173px;
	font-size:10px;		

	}

#look-news {
	margin-top:-58px;
	margin-right:90px;
	margin-left:173px;
	font-size:10px;		

	}


#once { clear: left; }


#news1 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 24px; 
	left: 246px;
	width:275px;
	height:739px;
	background:#ffffff;
/*	-moz-box-shadow:1px 1px 6px #ffcccc;
    -webkit-box-shadow:1px 1px 6px #ffcccc;
    box-shadow:1px 1px 6px #ffcccc;*/
}

#news1 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}


.news-type1{
	margin-top:3px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-1{
	position:relative;
	margin-top:-36px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}

#news2 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid;  
	top: 24px; 
	left: 541px;
	width:275px;
	height:413px;
	background:#ccffcc;
/*	-moz-box-shadow:1px 1px 6px #66cc66;
    -webkit-box-shadow:1px 1px 6px #66cc66;
    box-shadow:1px 1px 6px #66cc66;*/
}

#news2 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}


.news-type2{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

.news-title{
	position:relative;
	margin-top:0px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}

.news img {
    max-width: 100%;
}


#news3 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid;  
	top: 24px; 
	left: 834px;
	width:275px;
	height:462px;
	background:#dde2f6;
}

#news3 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

.news-type-3{
	margin-top:3px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-3{
	position:relative;
	margin-top:-36px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}


#news-4 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 782px; 
	left: 246px;
	width:275px;
	height:411px;
	background:#ffffcc;
/*	-moz-box-shadow:1px 1px 6px #cccc99;
    -webkit-box-shadow:1px 1px 6px #cccc99;
    box-shadow:1px 1px 6px #cccc99;*/
}

#news-4 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

.news-type-4{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-4{
	position:relative;
	margin-top:0px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;	

	}


#news-5 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 457px; 
	left: 541px;
	width: 275px;
	height: 780px;
	background:#ffccff;
/*	-moz-box-shadow:1px 1px 6px #CCC;
    -webkit-box-shadow:1px 1px 6px #CCC;
    box-shadow:1px 1px 6px #CCC;*/
}


.news-type-5{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-5{
	position:relative;
	margin-top:-50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}


#news-6 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 505px; 
	left: 834px;
	width: 275px;
	height: 395px;
	background: #ffffcc;
/*	-moz-box-shadow:1px 1px 6px #CCC;
    -webkit-box-shadow:1px 1px 6px #CCC;
    box-shadow:1px 1px 6px #CCC;*/
}


.news-type-6{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-6{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}


#news-7 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 1212px; 
	left: 246px;
	width: 275px;
	height: 390px;
	background: #ccffcc;
/*	-moz-box-shadow:1px 1px 6px #CCC;
    -webkit-box-shadow:1px 1px 6px #CCC;
    box-shadow:1px 1px 6px #CCC;*/
}

#news-7 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

.news-type-7{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-7{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}


#news-8 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 1257px; 
	left: 541px;
	width: 275px;
	height: 552px;
	background: #ffffff;
/*	-moz-box-shadow:1px 1px 6px #ffcccc;
    -webkit-box-shadow:1px 1px 6px #ffcccc;
    box-shadow:1px 1px 6px #ffcccc;*/
}

#news-8 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}


.news-type-8{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-8{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}


#news-9 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 920px; 
	left: 834px;
	width: 275px;
	height: 387px;
	background: #dde2f6;
/*	-moz-box-shadow:1px 1px 6px #ffcccc;
    -webkit-box-shadow:1px 1px 6px #ffcccc;
    box-shadow:1px 1px 6px #ffcccc;*/
}

#news-9 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

.news-type-9{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-9{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}

#news-10 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 1622px; 
	left: 246px;
	width: 275px;
	height: 487px;
	background: #ffccff;
/*	-moz-box-shadow:1px 1px 6px #ffcccc;
    -webkit-box-shadow:1px 1px 6px #ffcccc;
    box-shadow:1px 1px 6px #ffcccc;*/
}

#news-10 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

.news-type-10{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-10{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}

#news-11 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 1829px; 
	left: 541px;
	width: 275px;
	height: 426px;
	background: #dde2f6;
/*	-moz-box-shadow:1px 1px 6px #ffcccc;
    -webkit-box-shadow:1px 1px 6px #ffcccc;
    box-shadow:1px 1px 6px #ffcccc;*/
}

#news-11 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

.news-type-11{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-11{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}

#news-12 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 1327px; 
	left: 834px;
	width: 275px;
	height: 415px;
	background: #ffb1b7;
/*	-moz-box-shadow:1px 1px 6px #66cc66;
    -webkit-box-shadow:1px 1px 6px #66cc66;
    box-shadow:1px 1px 6px #66cc66;*/
}

#news-12 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

.news-type-12{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-12{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}


#news-13 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 2129px; 
	left: 246px;
	width: 275px;
	height: 404px;
	background: #ffffcc;
}


.news-type-13{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-13{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}

#news-14 {
	float: none; 
	position: absolute; 
	display: block;
	border-width:thin; 
	border-style:solid; 
	top: 1761px; 
	left: 834px;
	width: 275px;
	height: 404px;
	background: #fbece3;
}

.news-type-14{
	margin-top:5px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	
	}

#news-title-14{
	position:relative;
	margin-top:50px;
	margin-right:90px;
	margin-left:7px;
	font-size:10px;
	horizontal-align:baseline;
	
	}


hr.thin {
  border: 0;
  width: 400px;
  color: #f00;
  background-color: #707070;
  height: 5px;
}

titre1 {
background-color:#CDA09C;
color:#FFFFFF;
letter-spacing:0.1em;
line-height:13px;
margin:0 0 3px;
padding-bottom:1px;
padding-top:1px;
}

#content a:link {
background-color:#ffffff;
color:#000000;
text-decoration:underline;
}
#content a:active {
background-color:#FFEB00;
color:#000000;
text-decoration:none;
}
#content a:visited {
background-color:#FFFFFF;
color:#000000;
text-decoration:none;
}
#content a:hover {
background-color:#fcd7ca;
color:#000000;
text-decoration:underline;
}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 10px 0 25px 0; }

#once { clear: left; }

/* SLIDE SHOW - Navigation */
    p.nav a {
        background-color: #ffffff;
        padding-top: 1px;
        padding-right: 3px;
        padding-bottom: 1px;
        padding-left: 3px;
        font-size: 8px;
        font-family: Trebuchet MS;
        -moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
        -moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;        
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
        -moz-border-radius-topright:5px;
        -webkit-border-top-right-radius:5px;}
    p.nav a:hover {
        background-color: #BED5D2;}
    p.nav span#num {
        font-family: Trebuchet MS;
	font-size: 9px;
        padding-left: 8px;}