/* ************************************************
 * Ce fichier fait partie de WWW.C-SCHMIDLIN.COM
 * Copyright (c) 2006 Christophe Schmidlin.
 *
 * Attention: encodage du fichier en UTF-8.
 * ************************************************/
 
 
@import "blog.css";
@import "bumblee.css";





html, body{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	font: 11px/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	list-style: none;
	background: #b2b3b8 url(/styles/images/interface/pagetexture.jpg) scroll 50% 0px;
	text-align: center;
	margin: 0 20px;
}




/* Auto-Clearing 
****************************************************************/

.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.autoclear { display: inline-block; }

.autoclearbis { display: table-row-group; }

/* Hides from IE-mac \*/
* html .autoclear { height: 1% }
.autoclear { display: block }
/* End hide from IE-mac */




/* Page
****************************************************************/

#page {
	background: #fff url(/styles/images/interface/pageframecontent.jpg) repeat-y 0px 0;
	margin: 0px auto;
	width: 810px;
	text-align: left;
}

.content {
	background: url(/styles/images/interface/pageframetop.jpg) no-repeat 0px 0px;
	padding: 4px 0px 0px;
}





/* Main Content
****************************************************************/

#main, #mainfull {
	margin-left: 60px;
	margin-right : 60px;
	padding-bottom: 1em;
	margin-top: 50px;
	margin-bottom: 10px;
}

#main {
	overflow: hidden;
	width: 690px;
}




/* Navigation
****************************************************************/

h1#logo {
	background: url(/styles/images/interface/navlogo.jpg) no-repeat;
	width: 810px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
	text-indent: -1000em;
	/*\*/overflow: hidden;/**/
	display: block;
}

body.christmas h1#logo {
	background: url(/styles/images/interface/navlogo-christmas.gif) no-repeat;
}

body.fiesta h1#logo {
	background: url(/styles/images/interface/navlogo-fiesta.jpg) no-repeat;
}

body.newyear h1#logo {
	background: url(/styles/images/interface/navlogo-newyear.jpg) no-repeat;
}


#navigation {
	display: block;
	width: 810px;
	padding: 0px;
	text-align: center;
	line-height: 1em;
	background: url(/styles/images/interface/navbar.gif) 810px 100%;
	margin: 0px auto;
}

#navigation * {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navigation ul {
	display: table;
	margin: 0px auto;
	text-align: center;
}

#navigation li {
	display: table-cell;
	padding: 0px 1px 8px;
	/*padding: 3px 0px 4px 10px;*/
}

#navigation li+li { background: url(/styles/images/interface/navsep.gif) no-repeat 0 7px}
#navigation li.active+li { background: none }

#navigation span { float: left }
#navigation a {
	color: #525252;
	text-decoration: none;
	font-weight: bold;
	font: 12px/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	float: left;
	border: none;
	background-repeat: no-repeat;
	padding: 2px 8px 1px 22px;
	margin: 4px 5px 2px 10px;
}




/* Hacks for IE mac & win
****************************************************************/

* html #navigation ul { display: inline-table; }
* html #navigation li { display:  block; float: left; }

/* For IE win only \*/
* html #navigation ul { font-size: 0; padding-bottom: 9px; }
* html #navigation li { display: inline; float: none; padding-right: 0; padding-bottom: 10px; }
* html #navigation span { display: inline-block; float: none; }
* html #navigation a { display: inline-block; float: none; font-size: 11px; }





/* IE7 Hacks
****************************************************************/

*:first-child+html #navigation * {
	float: none;
	display: inline-block;
}
*:first-child+html #navigation ul { padding: 0 0 8px }

*:first-child+html #navigation ul li {
	display: inline;
	padding: 0 1px 8px;
	margin-bottom: -7px;
}




/* Active Tab
****************************************************************/

#navigation li.active {
	background: url(/styles/images/interface/navactive.gif) 50% 100%;
	padding-bottom: 9px;
}

#navigation li.active span {
	background: url(/styles/images/interface/navsel.gif) 0px 100%;
	cursor: default;
}

#navigation li.active a {
	text-shadow: #fff 0px 1px 1px;
	color: #3d3d3d;
	cursor: default;
}




/* Section Icons
****************************************************************/

#navigation #news a { background-image: url(/styles/images/navbar/info.gif); }
#navigation #realbasic a { background-image: url(/styles/images/navbar/rb.gif); }
#navigation #gallery a { background-image: url(/styles/images/navbar/gal.gif); }
#navigation #links a { background-image: url(/styles/images/navbar/link.gif); }
#navigation #mail a { background-image: url(/styles/images/navbar/mail.gif); }





/* Footer
****************************************************************/

#footer {
	background: url(/styles/images/interface/pageframefooter.jpg) no-repeat 0px 0;
	width: 810px;
	margin: -10px auto;
	padding-top: 40px;
	padding-bottom: 0px;
	color: #3d3d3d;
	text-shadow: #fff 0px 1px 1px;
	text-align: center;
}


/* Divers
****************************************************************/

div.construction {
	background: url(/styles/images/interface/construction.gif) no-repeat center center;
	width: 690px;
	height: 129px;
	margin-top: 80px;
	margin-bottom: 80px;
}




h2.special {
	color: #335d92;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 20px 10px 0;
}

h3.special {
	margin: 0 20px 10px;
	color: #7f7f7f;
	border-bottom: 1px solid #eee;
	font: normal 1em Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	padding-bottom: 2px;
}

ul.errorpage {
	float: left;
	width: 650px;
	margin: 0px 30px 50px;
	list-style-type: none;
}


ul.errorpage li {
	float: left;
	padding: 0 0 0 18px;
	margin: 5px 0 5px 0px;
	width: 30%;
	background: url(/styles/images/star.gif) no-repeat 0 3px;
}