html{background: #333; overflow-x: hidden; font-family: Arial, sans-serif; font-size: 62.5%; color: #fff}

body{width:100%; margin: 0; padding: 0; font-size: 1.1em; line-height: 1.5em}
.b1{background: url(/custom/img/background_1.jpg) no-repeat}
.b2{background: url(/custom/img/background_2.jpg) no-repeat}
.b3{background: url(/custom/img/background_3.jpg) no-repeat}

fieldset{background: #333; opacity: 0.75}
fieldset:hover{opacity: 1}
h1{font-size: 3.00em}
h2{font-size: 1.66em}
h3{font-size: 1.33em}
h4{font-size: 1.00em}
h5{font-size: 0.66em}
h6{font-size: 0.33em}
a{color: #CCC}
a:visited{color: #aaa}
a:hover{color: #fff}
a img{border: none}	
ul, li{background: transparent}
pre, code{font-size: 1.2em}

	
/* Page */
#page{width: 850px;	margin: 0 auto;	background: transparent}

/******* Tooltips *******/
#tooltip{position: absolute; border: 1px solid #fff; z-index: 3000;	background: #ee7600; opacity: 0.85;	padding: 0 3px}
#tooltip h3, #tooltip div{margin: 0}
#tooltip h3{font-size: 0.8em; color: snow;}	
	

/******* Lightbox *******/
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%;	height: 500px}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%;	z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img {border: none}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px;	margin: 0 auto}
#lightbox-container-image {padding: 10px}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%;	width: 100%; text-align: center; line-height: 0}
#lightbox-nav {position: absolute; top: 0; left: 0;	height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav { left: 0}
#lightbox-nav a { outline: none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%;	background: transparent url(/custom/img/blank.gif) no-repeat; display: block}
#lightbox-nav-btnPrev {left: 0; float: left}
#lightbox-nav-btnNext {right: 0; float: right}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;	overflow: auto;	width: 100%; padding: 0 10px 0}
#lightbox-container-image-data {padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details {width: 70%;	float: left; text-align: left}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em}			
#lightbox-secNav-btnClose {width: 66px;	float: right;padding-bottom: 0.7em}

/* Panel */
#panel {position:fixed; top:100px; right:10px; width: 50px; height:102px; border:3px solid #ccc; -moz-border-radius: 50%;  -webkit-border-radius: 50%; padding:2px; z-index:60}
#panel a{opacity: 0.7}
#panel a:hover{opacity: 1}

/* Top */
#top{padding: 2%; color: #fff}
#top h1{text-align: right; margin-top: 20px; letter-spacing: -1px; font-family: Georgia, serif}
#top a{color: #fffffc}

	
/* Post */
#content{width: 66%; padding: 120px 1% 50px 5%; float: right}
#content fieldset{width: 520px;	border: 2px solid #fff; padding: 10px}
.content-title, .content-title2{font-family: Georgia, serif; color: AntiqueWhite}
.content-title{margin-left: 25px; padding: 15px; font-size: 36px}
.content-title2{
margin-bottom: 2em;
background: #333333;
padding: 20px;
text-align: center;
font-size: 24px;
opacity: 0.7;
-moz-border-radius: 15%;
-webkit-border-radius: 15%}
.post{margin-bottom: 3em; background: #333; opacity: 0.70; padding: 1em}
.post:hover{opacity: 1}
.post-title, .post-title a{font-family: Georgia, serif; color: NavajoWhite; text-decoration: none}
.post-title{padding-bottom: 0.5em; border-bottom: 1px solid #444}
.post-info{color: AntiqueWhite;	margin-top: -1em; font-style: italic; border-bottom: 1px dotted #444}
.post-info a{color: #999; text-decoration : none}
.post-link{}
.post-link a{color: #e38b1c}
.post-link img{vertical-align: middle; width: 15px; height: 15px}


/* Pages speciales */
.cheese {}

#mesgal{opacity: 1}

#galerie{height: 508px; width: 508px; padding: 0; margin-left: -4px} 
#galerie img{padding: 4px; border:1px solid #ee7600; background-color: #fff; width: 500px; height: 500px; top: 0; left: 0} 

.treeview ul {}
.treeview, .treeview ul {padding: 0; margin: 0;	list-style: none}
.treeview div.hitarea {height: 15px; width: 15px; margin-left: -15px; float: left; cursor: pointer}
/* fix for IE6 */
* html div.hitarea {background: #fff; filter: alpha(opacity=0);	display: inline; float:none}
.treeview li {margin: 0; padding: 3px 0pt 3px 16px}
.treeview a.selected {background-color: #eee}
#treecontrol { margin: 1em 0}
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(/custom/img/tv-item.gif) 0 0 no-repeat; }
.treeview .collapsable { background-image: url(/custom/img/tv-collapsable.gif); }
.treeview .expandable { background-image: url(/custom/img/tv-expandable.gif); }
.treeview .last { background-image: url(/custom/img/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(/custom/img/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(/custom/img/tv-expandable-last.gif); }
.filetree li { padding: 3px 0 1px 16px; }
.filetree span.folder, .filetree span.file { padding-left: 16px; display: block; height: 15px; }
.filetree span.folder { background: url(/custom/img/folder.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/custom/img/file.gif) 0 0 no-repeat; }


/* Prelude2 */
#prelude {margin-left: -27px; width: 170px; height: 170px; padding: 8px}
.site {float: left; width: 72px; height: 72px; background: url(/custom/img/feed72_gray.png) no-repeat center; margin: 0 4px 4px 0; text-align: center; opacity: 0.7}
.site:hover {background: url(/custom/img/feed72.png) no-repeat center; opacity: 1} 
.site img {width: 40px; height: 40px; border: 1px solid snow; margin-top: 12px}


/* Sidebar */
#sidebar{width: 20%; padding: 0 1%;	margin: 0; float: left}
	#sidebar div{font-size: 0.8em}
	#sidebar h2, #sidebar h3{font-family: Georgia, serif}
	#sidebar h2{color: #999}
	#sidebar h3{color: #b3b3b3}
	#sidebar a{text-decoration: none}
	#sidebar ul{margin: 0; padding: 0; list-style: none}
	#sidebar img{width: 80px; height: 15px}	
#sidebar-people img, #sidebar-rss img{width: 12px; height: 12px}


/* Footer */
#footer{width: 100%; clear: both}
	#footer p{border-top: 1px solid #444; text-align: right; padding: 5px 2em 0 0; margin: 0; color: #999; background: #000}
	#footer p:hover{background: url(/custom/img/footer_hover.jpg) no-repeat; background-position: bottom}
	#footer em{font-style: italic; margin-right: 5em; color: AntiqueWhite}