body {
background : #EEEEEE;
color : #000000;
margin : 0;
padding : 0;
font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size : 0.8em;
background-position: top left;
background-attachment: fixed;
background-repeat: no-repeat;
background-image:url("barre-bbk.png");
}
p { margin : 1em 0; }
/*img { border : none; }*/
img {
	border : 1px solid #000000;
}
form { margin : 0; }
h1 { font-size : 2em; margin : 0.67em 0; }
h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; } 
h4 { font-size : 1em; margin : 1.33em 1em; }
h5 { font-size : 0.83em; margin : 1.67em 2em; }
h6 { font-size : 0.67em; margin : 2.33em 3em; }
code,pre { 
background : inherit;
color : #360;
font-family : "Courier New",monospace; 
font-size : 1em; 
}
blockquote {
font-style : italic;
}
td {
font-size : 0.8em;
}
q { 
font-style : italic;
color : #996600;
background : transparent;
}
a {
color : #FF6666;
background : transparent;
text-decoration : none;
}
a:hover {
color : #0d0f3f;
text-decoration : underline;
}
a:active {
color : #9fb2dd;
text-decoration : underline;
}
a[hreflang]:after {
color: #666;
background : transparent;
content: "\0000a0{" attr(hreflang) "}";
}
h1,h2,h3 {
font-family : "Trebuchet MS",Trebuchet,Arial,Helevetica,sans-serif;
}
h2 {
border-bottom : 1px solid #ccc;
color : #06c;
background : transparent;
}
hr {
height : 1px;
border-width : 1px 0 0 0;
border-style : solid;
border-color : #999;
}
/* Layout
-------------------------------------------------------- */
#navi {
margin : -1px 0 0 1em;
padding : 0;
}
#navi li {
display : inline;
}
#navi a {
display : inline;
list-style : none;
float : left;
padding : 0.5em;
margin : 0 5px 0 0;
background : #9fb2dd;
color : #000;
text-decoration : none;
font-weight : bold;
-moz-border-radius : 0px 0px 6px 6px;
}
#navi a.lienActif, #navi a:hover {
background : #0d0f3f;
color : #fff;
}
/* Prelude
-------------------------------------------------------- */
#prelude {
position : absolute;
top : 0;
right: 0;
margin : 0;
padding : 0;
font-size : 0.85em;
}
/* Titre
-------------------------------------------------------- */
#top {
text-align : center;
letter-spacing : 0.1em;
}
#top a {
color : #06c;
text-decoration : none;
color : #000;
background : transparent;
}
#sidebar {
position : absolute;
top : 0;
right : 0.5em;
width : 14em;
text-align:left; 
color: #000;
background : transparent;
}
/* Page
-------------------------------------------------------- */
#page {
position : absolute;
top : 0;
left : 50px;
right : 15em;
margin : 0;
text-align : left; 
padding : 1px;
border-width : 0 1px 1px 1px;
border-style : solid;
border-color : #999;
background : #c4ccdf; 
color : #000000;
}
/* Main
-------------------------------------------------------- */
#main {
padding : 0;
color : #000;
background-color : transparent;
border : 1px solid #c4ccdf;
}
.bg-bbk {
background : transparent url("bbk.jpg") no-repeat top right;
}
#main h2 {
margin-top : 1.5em;
color : #036;
}
#main h3 {
color : #333;
margin-top : 2em;
}
#main p.day-date {
font-size : 1em;
font-weight : bold;
margin-top : 2em;
text-align : right;
border-bottom : 1px solid #ccc;
color : #666;
background : transparent;
}
#main p {
line-height : 1.6em;
}
.center { text-align : center; }
.chapo {
margin-bottom : 2em;
}
.chapo p:first-letter {
font-weight : bold;
font-size : 1.4em;
}
.billet {
}
.post-info {
font-size : 0.85em;
text-align : right;
clear : both;
/*
position : relative;
float : right;
width : 12em;
margin : 0 0 1em 1.3em;
padding : 0 0 0 0.7em;
border-left : 1px solid #ccc;
font-size : 0.85em;
text-align : left;
*/
}
.post-info-co{
	text-align: right;
}
hr.invisible {
height : 1px;
border-width : 1px 0 0 0;
border-style : solid;
border-color : #c4ccdf;
}
/* Content
-------------------------------------------------------- */
#content {
/*	position : relative;*/
	background : #FFFFFF;
/*	color : inherit;*/
	margin : 65px 15px 1em 15px; 
	padding : 0.5em 2em;
	border : 1px solid #999;
/*	top: 26px;*/
	-moz-border-radius : 12px;
}
/* Liste commentaires + formulaire
-------------------------------------------------------- */
#co {
margin : 0 2em;
}
#co blockquote {
display : block;
margin : 0;
padding : 1px 1em;
font-style : normal;
border : 1px solid #999;
color : #666;
background : transparent;
}
.comment-info {
margin-bottom : 0;
font-size : 0.85em;
}
.erreur {
border : 1px solid #900;
padding : 0.5em;
}
/* Menu
-------------------------------------------------------- */
#menu {
position : relative;
background : #fff;
color : inherit;
margin : 20px 0 1em 0;
padding : 0.5em;
border : 1px solid #999;
-moz-border-radius : 12px;
}
#menu h2 {
font-weight : normal;
color : #036; /*#993;*/
}
#menu ul {
padding-left : 1.5em;
margin-left : 0;
}
#menu li {
list-style : circle;
margin-top : 0.15em;
font-size : 0.75em;
}
#menu li:hover {
color : #06c;
list-style : disc;
}
.menu {
position : relative;
background : #fff;
color : inherit;
margin : 20px 0 1em 0;
padding : 0.5em;
border : 1px solid #999;
-moz-border-radius : 12px;
}
.menu a {
text-decoration : none;
}
.menu a:hover {
text-decoration : underline;
}
/* Footer
-------------------------------------------------------- */
#footer {
clear : both;
margin : 0.75em;
font-size : 0.80em;
text-align : center;
}
#footer p {
text-align : center;
}
/* Conteneur de colonne
-------------------------------------------------------- */
.col-content {
padding : 1em;
}
/* Calendrier
-------------------------------------------------------- */
.req {
color : #03c;
background : transparent;
}
.cal {
text-align : center;
padding : 0.5em 0 1em 0;
}
.cal table {
border-collapse : collapse;
font-size : 0.85em;
margin : 0 auto 0 auto;
}
.cal caption {
width : 100%;
padding : 0 0 0.3em 0;
font-size : 1.2em;
}
.cal abbr {
border : none;
}
.cal th, .cal td {
border : none;
padding : 0.2em;
}
.cal td {
text-align : center;
}
.cal td.active a {
font-weight : bold;
}
.cal a {
}
/* Formulaires
-------------------------------------------------------- */
fieldset {
display : block;
border : none;
margin : 0;
padding : 0;
}
input, textarea {
border : 1px inset #000;
background : #eee;
color : #000;
}
input[type], textarea[name] {
background : #eee;
}
input[type=submit], input[type=reset] {
background : #ccc;
color : #000;
}
input[type=submit]:hover {
background : #036;
color : #fff;
}
input.submit {
border : 1px outset #000;
font-weight : bold;
background : #e7e6bd;
color : #000;
}
input.submit:hover, input.submit:focus {
background : #09c;
color : #fff;
}
textarea {
font-family : inherit;
font-size : 0.85em;
}
p.field {
margin : 0.5em 0 0 0;
}
p.field label {
display : block;
font-weight : bold;
font-size : 0.85em;
}
/* Classes diverses
-------------------------------------------------------- */
.petit {
font-size : 0.85em;
}
.droite {
text-align : right;
}
.comment-sign {
font-size : 0.85em;
}
.lien-commentaire {
font-size : 0.85em;
text-align : right;
clear : both;
}
blockquote.comment {
display : block;
margin : 0;
padding : 12px 0 0 40px;
background : transparent url("quote_open.png") no-repeat top left;
font-style : normal;
}
blockquote.comment p {
margin : 0;
padding : 0 40px 12px 0;
background : transparent url("quote_close.png") no-repeat bottom right;
text-align : left;
}
.form {
margin-bottom : 1em;
}
.form p {
text-align : left;
padding : 0;
margin : 0.5em 0 0 0;
}
.form legend {
font-weight : bold;
}
.form label {
display : block;
font-weight : bold;
font-size : 0.8em;
}
.form textarea {
width : 99%;
}
/* photos */
.thumb {
font-size : 0.8em;
}
.thumb div {
float : left;
text-align : center;
width : 150px;
height : 150px;
position : relative;
}
.thumb img {
border : 1px solid #000;
}
div.photo, div.photo p {
text-align : center;
}
div.photo img {
border : 1px solid #000;
text-align : center;
position : relative;
}
.resultats td {
/*background : #c4ccdf; background : #FF6666;*/
font-weight : bold;
}

.or td {
/*background : #FFCC00;*/
color:#FF9900;
font-weight : bold;
}
.argent td {
/*background : #CCCCCC;*/
color:#06c; /*#333399;*/
font-weight : bold;
}
.bronze td {
/*//background : #CCCC66;*/
color:#990000;
font-weight : bold;
}

.box {
font-size: 0.8em;
}
.menu ul {
padding-left : 1em;
margin-left : 10px;
}

th {
  font-weight: bold; 
  font-style: normal;
  font-size : 0.8em;
  background : #c4ccdf;
}
td {
  font-style: normal;
  font-size : 0.8em;
}

.imgflotante {
	font-size:90%;
	padding:1px;
	margin:0px;
	border: 0;
	float: left;
	text-align: center;
	width: 110px;
	height:110px;
	overflow: visible;
}
.photos {
	text-align: center;
}