/*
===============================================================================
> PROTECTED UNDER CREATIVE COMMONS LICENSE

<rdf:RDF xmlns="http://web.resource.org/cc/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
   <dc:type rdf:resource="http://purl.org/dc/dcmitype/Interactive" />
   <license rdf:resource="http://creativecommons.org/licenses/by-nc-sa/2.0/" />
</Work>

<License rdf:about="http://creativecommons.org/licenses/by-nc-sa/2.0/">
   <permits rdf:resource="http://web.resource.org/cc/Reproduction" />
   <permits rdf:resource="http://web.resource.org/cc/Distribution" />
   <requires rdf:resource="http://web.resource.org/cc/Notice" />
   <requires rdf:resource="http://web.resource.org/cc/Attribution" />
   <prohibits rdf:resource="http://web.resource.org/cc/CommercialUse" />
   <permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
   <requires rdf:resource="http://web.resource.org/cc/ShareAlike" />
</License>

</rdf:RDF>
===============================================================================
> STYLE SHEET ATTRIBUTES
_______________________________________________________________________________
Box Properties
_______________________________________________________________________________
border		border-[top|bottom[right|left]
border-color	border-[top|bottom[right|left]-color
border-style	border-[top|bottom[right|left]-style
border-width	border-[top|bottom[right|left]-width
margin		margin-[top|bottom[right|left]
padding		padding-[top|bottom[right|left]
width
height
clear
float
_______________________________________________________________________________
Background & Color
_______________________________________________________________________________
background
background-color
background-attachment
background-image
background-position
background-repeat
color
_______________________________________________________________________________
Classification properties
_______________________________________________________________________________
display
list-style
list-style-type
list-style-image
list-style-position
white-space
_______________________________________________________________________________
Font properties
_______________________________________________________________________________
font
font-family
font-size
font-style
font-variant
font-weight
_______________________________________________________________________________
Text properties
_______________________________________________________________________________
letter-sapcing
text-align
text-indent
text-decoration
text-transform
line-height
vertical-align
word-spacing
===============================================================================
> SELECTOR'S SUBGROUP
_______________________________________________________________________________
Type			Exemple/Syntax				HTML/Comments
_______________________________________________________________________________
Class selector		p.narrow,p em.strong,.narrow		class="narow"
ID selector		p#special,p em#hot,#special		id="special"
Descendant selector	p em,p.narrow em,p.narrow em span	(parent)
Pseudo-elements		:first-letter
			:first-line
			:first-child				(CSS2)
			:link,:active,:visited,:hover
			:focus
			:lang
Attribute selector	[attributeName]		el w/attribute
			[attributeName=value]	el w/attribute=value
			[attributeName~=value]	el w/attribute in value
			[attributeName|=value]	el w/attribute starts w/value
Universal selector	*,*[align="middle"]
Child Selector		body > p, html > body	= descendant in direct relation
Adjacent sibling 	h1 + h2
===============================================================================
> SELECTOR'S SPECIFITY
_______________________________________________________________________________
Rule		#ID sel		#Other sel	#El by name in sel	Rating
_______________________________________________________________________________
em		0		0		1			1		
p em		0		0		2			2
div p em	0		0		3			3
em.hot		0		1		1			11
p em.hot	0		1		2			12
#hotstuff	1		0		0			100
===============================================================================
> LENGTH VALUE UNITS
_______________________________________________________________________________
Unit		Exemple		Desc
_______________________________________________________________________________
em		1.5em		Element's font height
ex		1ex		Element's font x-height
px		14px		Pixel
in		0.75in		Inch (absolute)
cm		5cm		Centimeter (absolute)
mm		55mm		Millimeter (absolute)
pt		10pt		Point (=1/72 Inch)
pc		1.5pc		Pica (=12 Points,=1/6 Inch)
===============================================================================
> POSITION ATTRIBUTES
_______________________________________________________________________________
CSS attribute	Values/Desc				Style prop (scripting)
_______________________________________________________________________________
position	absolute|fixed|relative|static|inherit	=
clip		rect(top right bottom left)		=
overflow	visible|hidden|scroll			N/A
visibility	visible|hidden|inherit			=
z-index		integer (back>>front)			zIndex
top		length					
right		length
bottom		length
left		length
		
IE Specific	pixel offset				pixelTop
							pixelRight
							pixelBottom
							pixelLeft
		offset in inherited units		posTop
							posRight
							posBottom
							posLeft
===============================================================================
*©©©©©
*©
*© ezman@daoldskool.org 4 daoldskool.org & kollectiveone.com
*©
*© http://kollectiveone.com/
*© http://daoldskool.org
*©
*© Under creativecommons licenses
*©
*©           Attribution
*©           Noncommercial
*©           Share Alike
*©
*© http://creativecommons.org/licenses/by-nc-sa/2.0/
*©
*©©©©©
===============================================================================
*/

body {
	font-family	: arial,verdana,sans-serif;
	color		: #FFFFFF;
        margin-bottom	: 10px;
        margin-top	: 10px;
        margin-left	: 10px;
        margin-right	: 10px;
        font		: 11px verdana, arial, sans-serif;
        background	: #FFFFFF;
}

/*
===============================================================================
HACKS
===============================================================================
*/

/*
IE5.5's bad box model hack
*/
html > body { 
	font-family	: arial,verdana,sans-serif;
	color		: #FFFFFF;
        margin-bottom	: 10px;
        margin-top	: 10px;
        margin-left	: 10px;
        margin-right	: 10px;
        font		: 11px verdana, arial, sans-serif;
        background	: #FFFFFF;
}

body.debug {
	color		: #333333;
}

body.web {
	color		: #9FB1BC;
        font		: 13px verdana, arial, sans-serif;
}

/* 
HTML
*/
img {
        border: #FFFFFF 0px none;
}

a:link, a:visited {
	text-decoration: none;
	color: #708491;
}

a:link.active, a:visited.active, a:hover {
	color: #000000;
}

span, div, td, th, tr, table, li, ul, blockquote, p, b ,i ,h1, h2, h3, h4, h5, h6, font, center {
        color		: #666666;
        font		: 11px verdana, arial, sans-serif;
}


form, fieldset, legend {
}

fieldset {
       	padding	: 15px;
        border: #9FB1BC 1px solid;
}

label {
	display: block;
	float: left;
	vertical-align: absmiddle;
	width: 200px;
	text-align: right;
	margin: 0px;
	margin-right: 10px;
	height: 15px;
}

input, select, option, textarea {
        color		: #333333;
        font		: Verdana, Tahoma, Helvetica, sans-serif;
        font-size	: 14px;
        font-weight	: normal;
        border		: #D4D2C5 1px dotted;
        background-color: #EEEEEE;
        vertical-align	: middle;
}

textarea {
        width: 80%;
        margin: 5px 0px 10px 0px;
}

legend {
        color		: #333333;
        margin-bottom	: 10px;
        margin-top	: 20px;
}

label span {
        font		: Verdana, Tahoma, Helvetica, sans-serif;
        font-size	: 12px;
        font-weight	: normal;
        color		: #9FB1BC;
        vertical-align	: middle;
}

table {
        border: white 1px none;
        border-collapse: separate;
        empty-cells: show;
        padding: 0px;
        margin: 0px;
        border-spacing: 0px;
        width: 100%;
        height: 100%;
}

thead {
	padding: 20 0 20px 0px;
	margin: 20 0 20px 0px;
}

th {
	text-align	: center;
        color		: #9FB1BC;
        font		: 12px arial, verdana, sans-serif;
	font-weight	: bold;
	font-style	: italic;
}

caption {
	text-align	: center;
        color		: #333333;
        font		: 14px arial, verdana, sans-serif;
        display		: none;
}

hr { 
	color		: #9FB1BC;
	size		: 1px;
	border		: #9FB1BC 1px dotted;
}

acronym {
	color		: #D4D2C5;
	text-decoration : none;
	border		: #9FB1BC 0px none;
}

fieldset span.info {
	color: #666666;
        font: 12px sans-serif, arial, verdana;
	text-align: left;
	font-style: oblique;
}

.info {
	color: #9FB1BC;
	width: 100%;
        font: 14px sans-serif, arial, verdana;
	text-align: center;
	font-style: oblique;
}

.warn {
	color: #FF6600;
	width: 100%;
        font: 14px sans-serif, arial, verdana;
	text-align: center;
	font-style: italic;
}

.aide {
        font		: Verdana, Tahoma, Helvetica, sans-serif;
        font-size	: 12px;
        font-weight	: normal;
        color		: #9FB1BC;
        vertical-align	: middle;
}

.aide span.gras {
        font-size	: 12px;
	font-weight: bold;
}

.aide span.italique {
        font-size	: 12px;
	font-style: italic;
}

.aide span.souligne {
        font-size	: 12px;
	text-decoration: underline;
}

.aide h1 span {
        font: 14px verdana, arial, sans-serif;
        border-bottom: 1px #9FB1BC dotted;
}

.aide h1 {
	margin-top: 30px;
	margin-bottom: 30px;
}

/*
Liens
*/

a.newthumb:link img, a.newthumb:visited img {
	text-decoration: none;
	border: 2px solid #FFFFFF;
	padding: 6px;
}

a.newthumb:link.active img, a.newthumb:visited.active img, a.newthumb:hover img {
	text-decoration: none;
	border: 2px solid #EEEEE4;
	padding: 6px;
}

.noclass {
	padding: 0;
	margin: 0;
	border: 0px none #FFFFFF;
	background: none;
}

/*
Layer artist artist.php / album.php / expos.php / icon.php / expo.php
*/

#artist, #membre, #lien {
	display: block;
	position: absolute;
	right: 30px;
	top: 30px;
	border: 1px #9FB1BC dotted;
	background: #E8D8B7;
	margin: 0px;
	padding: 10px;
	text-align: center;
	vertical-align	: top;
}

#artist a, #membre a, #lien a {
	vertical-align	: middle;
}

#artist h2 span, #membre h2 span, #lien h2 span {
        font		: 16px verdana, arial, sans-serif;
	font-weight	: bold;
	font-style	: oblique;
	color		: #333333;
}

#artist img, #membre img, #lien img {
	margin-left	: 10px;
	vertical-align	: middle;
}

#icone h3 span {
	display: none;
}

#icone img {
	margin: 0px;
	border: 10px #EEEEE4 solid;
}

.date {
	margin-top: 5px;
}

/*
Pop-up icon.php / expo.php
*/

#artists h1 {
	padding: 15px;
	margin: 0px 0 130px 0;
	border: 1px solid #9FB1BC;
	background: #D4D2C5;
}

#artists h1.new {
	padding: 15px;
	margin: 0px 0 20px 0;
	border: 1px solid #9FB1BC;
	background: #D4D2C5;
}

#artists h1 span {
	width: 100%;
        font: 16px verdana, arial, sans-serif;
	color: #333333;
}

/*
Tableaux album.php / expos.php
*/

.album, .cal {
	border: 1px #9FB1BC solid;
	background: #EEEEEE;
	width: 100%;
}

table.album img.thumb, .cal img {
	border: 2px #FFFFFF solid;
	margin: 12px;
	padding: 10px;
}

a:link img.thumb, a:visited img.thumb {
	text-decoration: none;
	border: 2px solid #EEEEE4;
}

a:link.active img.thumb, a:visited.active img.thumb, a:hover img.thumb, table.cal a:link.active img, table.cal a:visited.active img, table.cal a:hover img {
	text-decoration: none;
	border: 2px solid #333333;
}

.album th {
	vertical-align	: middle;
        font		: 16px verdana, arial, sans-serif;
	font-weight	: bold;
	font-style	: oblique;
	color		: #333333;
	text-align	: left;
	padding 	: 0px;
}

.album th img, .cal th img {
	vertical-align	: middle;
	margin		: 0;
	margin-right	: 10px;
	padding 	: 0;
	background 	: none;
	border-bottom 	: 0px #FFFFFF none;
	height 		: 16px;
	width 		: 16px;
}

.album td {
	border: 1px #EEEEEE solid;
	margin: 0px;
	padding: 10px;
	background: #FFFFFF;
	width: 25%;
	text-align: center;
	vertical-align: top;
}

.album td h5 span, .cal td h5 span {
        font: 10px verdana, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #9FB1BC;
	border-bottom: 1px #9FB1BC solid;
}

.album td span, .cal td span {
        font: 10px arial, verdana, sans-serif;
	font-weight: bold;
	text-align: left;
}

.cal tr.days {
	height: 135px;
	min-height: 135px;
}

.cal th {
	vertical-align	: middle;
        font		: 16px verdana, arial, sans-serif;
	font-weight	: bold;
	font-style	: oblique;
	color		: #333333;
	text-align	: center;
}

.cal td {
	border: 1px #EEEEEE solid;
	margin: 0px;
	padding: 10px;
	background: #FFFFFF;
	width: 14%;
	text-align: center;
        font: 14px verdana, arial, sans-serif;
}

.cal td img.current {
	border: 2px #D4D2C5 solid;
}

.cal td img.infinite {
	border: 2px #FF6600 solid;
}

.cal td img.vernissage {
	border: 2px #FFCC33 solid;
}

.cal .prec {
	text-align	: left;
}

.cal .proc {
	text-align	: right;
}

.cal .now {
	text-align	: center;
	background	: #D4D2C5;
}

.cal .empty, .album .empty {
	background	: #EEEEEE;
}


/*
Edition album album.php
*/

#album {
	border: 1px #9FB1BC solid;
	background: #EEEEEE;
	padding: 0px;
	width: 100%;
}

#album h2 span {
	vertical-align	: top;
        font		: 16px verdana, arial, sans-serif;
	font-weight	: bold;
	font-style	: oblique;
	color		: #333333;
	text-align	: left;
}

#album span a img {
	display		: inline;
	vertical-align	: middle;
	margin-right	: 10px;
}

img.picture {
        margin-top: 0px;
        margin-right: 10px;
        display: block;
}

textarea.pictures  {
	width: 200px;
}

fieldset.pictures  {
	background: #FFFFFF;
	border: 1px #9FB1BC none;
        margin: 0px;
        padding: 10px;
}

label.pictures {
	width: 50px;
	margin-right: 10px;
}

legend.pictures {
        margin: 0;
        padding: 0;
}

/*
Menus
*/
.nav {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #9FB1BC;
}

.nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
.nav a:link, .nav a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #708491;
        font: 14px verdana, arial, sans-serif;
}

.nav span {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #708491;
        font: 14px verdana, arial, sans-serif;
}

.nav a:link.active, .nav a:visited.active, .nav a:hover {
	color: #000000;
	background: url(/img/tab_rounded.gif) no-repeat bottom center;
        font: 14px verdana, arial, sans-serif;
}

.ssmenu {
	width: 100%;
	padding: 0px;
	margin: 3px 0 40px 0;
	border: 0px none #CCCCCC;
	background: none;
	display: block;
}

.menu {
	padding: 15px;
	padding-left: 210px;
	margin: 0px 0 80px 0;
	border: 1px solid #9FB1BC;
	background: #D4D2C5;
}

.menu a {
        font: 14px verdana, arial, sans-serif;
}

.menu a:link, .menu a:visited {
	color: #FFFFFF;
}

.menu a:link.active, .menu a:visited.active, .menu a:hover {
	color: #000000;
	
}

.menu h1 { 
	background: transparent url(/img/logo.gif) no-repeat top left; 
	display: block;
	position: absolute;
	left: 30px;
	top: 30px;
	width: 204px; 
	height: 204px; 
}

.menu h1 span {
	display: none;
}

.ssmenu h1 { 
	width: 0px; 
	height: 0px; 
	display: none
}

.ssmenu h1 span {
	display: none;
}

/* 
Docker
*/
.docker a {
	margin: 0px 0px 0px 1px;
	display: inline;
}

.docker a img {
	border: #000000 0px none;
	vertical-align: middle;
}

.docker, .docker TD {
	border: 0px none #CCCCCCCC;
	background: none;
	text-align: center;
	vertical-align: middle;
	line-height: 48px;
	height: 48px;
}

.spacer {
	height: auto;
	display: block;
}

/* 
Pager
*/
.DBPager {
	margin-top: 10px;
	height: 30px;
	width: 100%;
	vertical-align: middle;
	border: none;
	border-top: 1px solid #9FB1BC;
	border-bottom: 1px solid #9FB1BC;
}

.prev {
	width: 20%;
	text-align: left;
}

.stat {
	width: 60%;
	text-align: center;
        font: Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #9FB1BC;
}

.next {
	width: 20%;
	text-align: right;
}