/*
Theme Name: BB_Du_Bois
Theme URI: http://www.geekosphere.fr/
Description: Thème basé sur Kubrick v1.5. Réalisé pour le Bed & Breakfast DU BOIS.
Author: Ghislain Phu
Author URI: http://www.geekosphere.fr/
Tags: orange, chaud, saumon, clean

BB_Du_Bois
http://www.geekosphere.fr/

Thème réalisé sur la base du travail de Michael Heilemann:
http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		background-image: url('images/fond.png');
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #f7e3b7;
		color: #654823;
		text-align: center;
		position:relative;
}

#page {
		text-align: left;
}

#credits {
		font-size: 10px;
		text-align: right;
		margin: -13px auto 0 auto;
		width: 700px;
}

#header {
		background: url('images/header_vide.gif') no-repeat bottom center;}


a.header{
		display:block;
		width:500px;
		height:130px;
		background: url('images/header_vide.gif') no-repeat bottom center;
		margin-left: auto;
		margin-right: auto;
		text-decoration:none;
		outline:0;

}

#content {
		font-size: 1.2em;
		margin: 0 auto;
		line-height: 1.4em;
		padding: 21px 35px 30px;
		text-align: justify;
		background-color: #fff9ec;
}

#nav {
		font-size: 10px;
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		position: absolute;
		top: 179px;
		display: inline;
		width: 700px;
		margin: 0 auto;
		
}

#nav ul li{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: inline;
}

small {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 0.9em;
		line-height: 1.5em;
}

h1, h2, h3 {
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold;
}

h1 {
		font-size: 4em;
		text-align: center;
}

h2 {
		font-size: 1.6em;
}

h2.pagetitle {
		font-size: 1.6em;
}

h3 {
		font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
		text-decoration: none;
		color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
		color: #595038;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
		text-decoration: none;
}

small, .postmetadata, blockquote, strike {
		color: #595038;
}

code {
		font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {
		font-size: 0.9em;
		letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
		color: #595038;
		text-decoration: none;
}

a:hover {
		color: #595038;
		text-decoration: underline;
}
/* End Typography & Colors */

/* Begin Structure */
body {
		margin: 0 0 20px 0;
		padding: 0;
}

#page {
		margin: 20px auto;
		padding: 0;
		width: 700px;
}

#header {
		margin: 0 auto;
		padding: 0;
		height: 205px;
		width: 700px;
}

.narrowcolumn {
		padding-top: 5px;
}

.widecolumn{
		margin: 30px 0;
}

h1 {
padding-top: 70px;
margin: 0;
}

h2 {
margin: 30px 0 0;
}

h2.pagetitle {
		margin-top: 30px;
		text-align: center;
}

h3 {
		padding: 0;
		margin: 30px 0 0;
}

h3.comments {
		padding: 0;
		margin: 40px auto 20px;
}

p img {
		padding: 0;
		max-width: 100%;
}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
}

img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
}

img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
}

.alignright {
		float: right;
}

html > body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
}

html > body .entry li {
		margin: 7px 0 8px 10px;
		display: inline;
}

select {
		width: 130px;
}

acronym, abbr, span.caps {
		cursor: help;
}

acronym, abbr {
		border-bottom: 1px dashed #999;
}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		border-left: 5px solid #A49774;
}

blockquote cite {
		margin: 5px 0 0;
		display: block;
}

hr {
		display: none;
}

a img {
		border: none;
}

#nav li a:hover {
	color: #fff;
}
		
#nav .current_page_item, #nav .current_page_item:hover {
	-moz-border-radius:10px 10px 0px 0px;
}

#nav .current_page_item a, #nav .current_page_item a:hover{
		color: #242423;
		background: #FFF9EC;
		-moz-border-radius:10px 10px 0px 0px;
}
	
#nav li {
        float: left;
        margin-right:10px;
        background: #FEF1CB;
}
		
#nav li a {
        float: left;
        display: block;
        padding: 8px 16px 2px;
        color: #242423;
        font-size: 15px;
        text-decoration: none;
        background: #FEF1CB;
		text-decoration:none;
		outline:0;
	}
	
#tab{
		border: #6A6046 1px solid;
		width: 500px;
		border-collapse: collapse;
		margin: auto;
		text-align: center;
}

#tab td{
		border: #6A6046 1px solid;
}

a.info{
    position:relative; 
    z-index:24; background-color:#fff9ec;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff9ec}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #675d43;
    background-color:#fff; color:#675d43c;
    text-align: center;
    font-weight:none;
    padding:1px;
    
    }