/**
* 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: #707070 }
a:active { text-decoration: none; color: #000000 }
a:visited { text-decoration: none; background: #FFFFFF; color: #707070; }
a:hover { text-decoration: ; background: #FFFFFF; color: #3C3C3C;} }

#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 {
padding: .1em 0 0 0;
}

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

#menu ul li.active a {
text-decoration: underline;
background-color: #faeded;
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: 14px; }
h4 { font-size: 15px; }
h5 { font-size: 10px; 
    text-decoration: underline; 
    font-style: none; 
    background: #E4EDEC; 
    color: #3C3C3C;
    display: inline; }
h5:hover { background: #E9E8FF; }
h6 { font-size: 10px; 
    text-decoration: none;  
    background: #CFCFCF; 
    color: #000000;
    display: inline; }

}
 

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:#707070;
text-decoration:none;
}
#content a:active {
background-color:#FFEB00;
color:#000000;
text-decoration:none;
}
#content a:visited {
background-color:#FFFFFF;
color:#707070;
text-decoration:none;
}
#content a:hover {
background-color:#FFFFFF;
color:#000000;
text-decoration:underline;
}

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






#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;		

	}



#news1 {
	float: none; 
	position: absolute; 
	display: block; 
	top: 24px; 
	left: 246px;
	width:275px;
	height:739px;
	background:#fbece3;
/*	-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);
*/}

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


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


#news2 {
	float: none; 
	position: absolute; 
	display: block; 
	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);
*/}

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


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


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


#news3 {
	float: none; 
	position: absolute; 
	display: block; 
	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-4 {
	float: none; 
	position: absolute; 
	display: block; 
	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-4 a:hover img { 
	-moz-box-shadow:3px 3px 3px #cccc99;
    -webkit-box-shadow:3px 3px 3px #cccc99;
    box-shadow:3px 3px 3px #cccc99;
/*	opacity:1;filter:alpha(opacity=100);
*/}


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


#news-5 {
	float: none; 
	position: absolute; 
	display: block; 
	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-6 {
	float: none; 
	position: absolute; 
	display: block; 
	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-6 a img { 
text-decoration:none;
z-index:1;
/*opacity:0.4;filter:alpha(opacity=40);
*/}

#news-6 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);
*/}


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


#news-7 {
	float: none; 
	position: absolute; 
	display: block; 
	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-7 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);
*/}


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


#news-8 {
	float: none; 
	position: absolute; 
	display: block; 
	top: 1257px; 
	left: 541px;
	width: 275px;
	height: 552px;
	background: #fbece3;
/*	-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-8 a:hover img { 
	-moz-box-shadow:3px 3px 3px #ffcccc;
    -webkit-box-shadow:3px 3px 3px #ffcccc;
    box-shadow:3px 3px 3px #ffcccc;
/*	opacity:1;filter:alpha(opacity=100);
*/}


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



#news-9 {
	float: none; 
	position: absolute; 
	display: block; 
	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-9 a:hover img { 
	-moz-box-shadow:3px 3px 3px #ffcccc;
    -webkit-box-shadow:3px 3px 3px #ffcccc;
    box-shadow:3px 3px 3px #ffcccc;
/*	opacity:1;filter:alpha(opacity=100);
*/}


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


#news-10 {
	float: none; 
	position: absolute; 
	display: block; 
	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-10 a:hover img { 
	-moz-box-shadow:3px 3px 3px #ffcccc;
    -webkit-box-shadow:3px 3px 3px #ffcccc;
    box-shadow:3px 3px 3px #ffcccc;
/*	opacity:1;filter:alpha(opacity=100);
*/}


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


#news-11 {
	float: none; 
	position: absolute; 
	display: block; 
	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-11 a:hover img { 
	-moz-box-shadow:3px 3px 3px #ffcccc;
    -webkit-box-shadow:3px 3px 3px #ffcccc;
    box-shadow:3px 3px 3px #ffcccc;
/*	opacity:1;filter:alpha(opacity=100);
*/}


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


#news-12 {
	float: none; 
	position: absolute; 
	display: block; 
	top: 1327px; 
	left: 834px;
	width: 275px;
	height: 415px;
	background: #ccffcc;
/*	-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-12 a:hover img { 
	-moz-box-shadow:3px 3px 3px #66cc66;
    -webkit-box-shadow:3px 3px 3px #66cc66;
    box-shadow:3px 3px 3px #66cc66;
/*	opacity:1;filter:alpha(opacity=100);
*/}


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



#news-13 {
	float: none; 
	position: absolute; 
	display: block; 
	top: 2129px; 
	left: 246px;
	width: 275px;
	height: 404px;
	background: #ffffcc;
/*	-moz-box-shadow:1px 1px 6px #66cc66;
    -webkit-box-shadow:1px 1px 6px #66cc66;
    box-shadow:1px 1px 6px #66cc66;*/
}

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

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


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


#news-14 {
	float: none; 
	position: absolute; 
	display: block; 
	top: 1761px; 
	left: 834px;
	width: 275px;
	height: 404px;
	background: #fbece3;
/*	-moz-box-shadow:1px 1px 6px #66cc66;
    -webkit-box-shadow:1px 1px 6px #66cc66;
    box-shadow:1px 1px 6px #66cc66;*/
}

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

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


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












#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;}