/* ---------------------------------------- */
/* 		Feuille css de badoulin.fr			*/
/* ---------------------------------------- */
/* Type fixe jelly 							*/
/* ---------------------------------------- */
/* Baptiste GRENIER							*/
/* ---------------------------------------- */

/* ---------------------------------------- */
/* 		Elements communs					*/
/* ---------------------------------------- */
body {
    /*font:12px Arial,Helvetica,sans-serif;*/
	font:12px "Comic Sans MS";
    margin:10px auto 10px auto;
    padding:0;
	text-align:center;
    background-color:#000;
    color:#000;
	}

table {
	font-size:1em;
	}

p {
	margin:1em 0;
	}

ul {
	list-style-type:square;
	list-style-position:outside;
	text-align: left;
	}

img {
	border:none;
	}

h1 {
	font-size:2em;
	margin:0.67em 0;
	}

h2 {
	font-size:1.5em;
	margin:0.83em 0;
	font-weight:normal;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}

h3 {
	font-size:1.3em;
	margin:0.5em 0 0 0;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}

h4 {
	font-size:1em;
	margin:1.33em 0;
	}

h5 {
	font-size:0.83em;
	margin:1.67em 0;
	}

h6 {
	font-size:0.67em;
	margin:2.33em 0;
	}

a {
	color:#000000;
	text-decoration:none;
	}

a:hover, a:focus {
	color:#fff;
	}

a:active {
	color:#c30;
	}

a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #000;
	background : transparent;
	}

/* ---------------------------------------- */
/* 		Contient la page compléte			*/
/* 		top, sidebars, contenu, footer		*/
/* ---------------------------------------- */
#page {
	position:relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding :15px 0 0 0;
	background: #30a523 url(images/bg.png) repeat-x top left;
	}

/* ---------------------------------------- */
/* 				En-tête 					*/
/* ---------------------------------------- */
#top{
	height:125px;
	}

/* Bandeau de gauche : logo */
.bandeau-gauche {
	position:absolute;
	display: block;
	left:0;
	margin:0;
	}

/* Bandeau du centre : banniére badoulin */
.bandeau-centre {
	left:200px;
	display: block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

/* Bandeau de droite : raisins-rieurs */
.bandeau-droite{
	position:absolute;
	display: block;
	right:0;
	margin-left:0;
	margin-right:2em;
	}

/* ---------------------------------------- */
/* 				Côtés 						*/
/* ---------------------------------------- */
.sidebars{
	background:transparent url(images/dessin-vert.png) no-repeat bottom;
	text-align:left;
	margin-top:2em;
	bottom:10%;
    /* Pour avoir une taille mini dans ie et firefox */
	height:auto !important;
	height:600px;
	min-height:600px;;
	}

.sidebars h2 {
	text-align:center;
	margin:0;
	color:#E80000;
	}

.sidebasr ul {
	margin-top:1em;
	margin-bottom:0;
	width:10em;
	}

.sidebars a {
	color:#000;
	text-decoration:none;
	}

.sidebars a:hover {
	color: #fff;
	}

/* Infos des posts du blog a gauche */
#sidebar-gauche {
	position:absolute;
	width:145px;
	left:0;
	top:150px;
	}

/* Barre de navigation à droite */
#sidebar-droite {
	position:absolute;
	width:145px;
	left:650px;
	top:150px;
	}

/* ---------------------------------------- */
/* 			Contenu de la page 				*/
/* ---------------------------------------- */
#contenu {
	position:relative;
	width:500px;
	margin:10px auto 10px auto;
    background-color:#49ba3c;
    color:#000;
    border:1px solid #060;
    /* Pour avoir une taille mini dans ie et firefox */
	height:auto !important;
	height:600px;
	min-height:600px;
	}

#contenu h1 {
	font-size: 1.5em;
	}

#contenu img{   }

#contenu p {
    text-indent: 3em;
    margin-left: 1em;
    margin-right: 1.5em;
    font-size: 1em;
    color: #000000;
    text-align:justify;
}

.legende {
   text-align: right;
   font-size: 0.7em;
}

/* ---------------------------------------- */
/* 	Pied de page, contient prelude-bottom 	*/
/* ---------------------------------------- */
#footer {
	position:relative;
	height:40px;
	margin:0;
	}

/* ---------------------------------------- */
/*	 		Elements divers 				*/
/* ---------------------------------------- */
#image-plan {
    border: 0;
    float:right;
	}

#tarif {
	border-collapse:collapse;
	border-width: medium;
	border-style: solid;
	border-color: #000000;
	margin:auto;
	}

#tarif th {
	border-width: medium;
	border-style: solid;
	border-color: #000000;
	width:20%;
	}

#tarif td {
	border-width: thin;
	border-style: dotted;
	border-color: #000000;
	}

#tarif caption {
	font-family: sans-serif;
	}

.adresse {
    font-size: 1.2em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
	}

p.adresse {
    text-indent:0;
	}

.adresse a {
    font-weight: bold;
    text-decoration:underline;
	}

.bookmark {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
    color: #0000FF;
	}