* {
/*border: 1px solid;*/
margin: 0;
padding: 0;
}
body {
position: relative;
font-family: "trebuchet ms", arial;
background: #ffff80;
margin: 0.5em;
}
#conteneur {
position: relative;
border: 1px solid #ffff00;
background: #fff;
}
#entete {
margin: 1em;
background: url("images/bandeau.png") no-repeat;
}
#colonne_gauche {
position: absolute;
left: 1em;
width: 9em;
}
#colonne_droite {
position: absolute;
z-index: 0;
margin-top: 2em;
right: 1em;
width: 16em;
background: #e9e9e9;
}

#colonne_droite_FB {
position: absolute;
z-index: 0;
margin-top: 1em;
}
#colonne_droite ul {
margin-left: 0.5em;
margin-right: 0.5em;
}
#principale {
position: relative;
z-index: 1;
margin-left: 11em;
margin-right: 17.5em;
margin-bottom: 2em;
}
#laterale {
margin-left: 10em;
margin-right: 1em;
margin-bottom: 2em;
}
#pied {
border-top: 1px solid #ffff00;
font-size: 0.7em;
text-align: center;
background: #ffffbf;
height: 2em;
line-height: 2em;
}
h1 {
padding-top: 115px;
font-size: 1.5em;
font-weight: normal;
text-align: center;
border-bottom: 2px solid #b9b9b9;
margin-bottom: 0.75em;
}
h2 {
font-size: 1.3em;
margin-bottom: 0.5em;
}
h3 {
border-bottom: 3px solid #ffff00;
font-size: 1em;
margin-bottom: 0.5em;
margin-top: 1.5em;
}
#colonne_gauche h3 {
border-bottom: 3px solid #cc3333;
}
#colonne_droite h3 {
font-size: 1em;
margin-top: 1em;
margin-bottom: 0.5em;
margin-left: 0.5em;
color: #cc3333;
border: none;
}
h4 {
font-size: 1em;
border-bottom: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
background: #ffff80;
margin-bottom: 0.5em;
padding-left: 0.25em;
}
h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0.5em;
}
h6 {
font-size: 1em;
font-style: italic;
font-weight: bold;
margin-bottom: 0.5em;
}
#menu {
list-style-type: square;
list-style-position: inside;
margin-top: 2px;
color: #e9e9e9;
font-size:1.0em;
}
#menu li {
border-bottom: 1px solid #cc3333;
}
#menu a {
display:inline-block;
width: 7em;
text-decoration: none;
padding-left: -6px;
}
#menu a:hover {
background: #cc3333;
color: #e9e9e9;
}
.liste {
margin-bottom: 0.5em;
list-style-type: disc;
list-style-position: inside;
}
.liste li {
font-size: 0.75em;
color: #777;
}
.liste a {
color: #777;
}
.news {
font-size: 0.8em;
margin-bottom: 0.6em;
margin-right: 0;
}
.flottant_gauche {
position: relative;
float: left;
margin-right: 0.6em;
margin-bottom: 0.2em;
}
.flottant_droite {
position: relative;
float: right;
margin-left: 0.2em;
margin-bottom: 0.2em;
margin-right: 0;
}
hr {
clear: both;
}
a {
color: black;
text-decoration: underline;
}
a:hover {
color: #cc3333;
text-decoration: none;
}
#pied a {
text-decoration: none;
}
table {
padding: 0px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
font-size: 0.8em;
border-collapse: collapse;
}
td,th {
border: 1px solid #cbcbcb;
padding: 0 5px 0 5px;
}
th {
background: #e9e9e9;
}
.surlignage td {
background: #ffffbf;
}
.surlignage_epingle td {
background: #ffffaf;
}
.date {
font-size: 0.7em;
font-weight: bold;
color: #777;
text-align: right;
}
ul {
list-style-position: inside;
margin-bottom: 0.3em;
font-size: 1em;
}
p {
font-size: 1em;
margin-bottom: 0.5em;
margin-right: 1em;
}
.album {
position: relative;
float: left;
background: url("images/album.png") no-repeat;
width: 170px;
height: 141px;
text-align: center;
}
.album_picasa {
position: relative;
float: left;
width: 294px;
height: 320px;
text-align: center;
}
.bandeau_picasa {
position: relative;
float: center;
width: 100%;
height: auto;
text-align: center;
}
.titre_album_picasa {
display: block;
margin: 0px auto -10px auto;
font-weight: bold;
}
.titre_album {
display: block;
margin: 40px 15px 5px 25px;
font-weight: bold;
}
.date_album {
font-size: 0.7em;
font-weight: bold;
color: #777;
}
a img{
padding: 2px;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #777;
}
.spacer {
clear: both;
}
.vertical_align img{
margin-right: 1em;
vertical-align: middle;
}
.nav_pages {
text-align: left;
font-weight: normal;
font-size: 0.9em;
}
.photos {
text-align: center;
}
.photos img {
border: 10px solid white;
}
p input {
vertical-align: middle;
}
p textarea {
vertical-align: top;
}
.centre {
text-align: center;
}
.gauche {
text-align: left;
}
.sujets {
width: 100%;
}
.sujets td {
height: 2em;
}
.sujets a {
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
}
.messages {
width: 100%;
}
.messages th {
text-align: left;
height: 2em;
}
.messages td {
text-align: left;
vertical-align: top;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.colonne8 {
width: 8em;
}
.colonne5 {
width: 5em;
}
.colonne10 {
width: 10em;
}
.colonne12 {
width: 12em;
}
.date_forum {
font-size: 0.85em;
color: #666;
text-align: left;
}
.result {
margin-left: 1em;
margin-bottom: 2em;
}
.ffrs {
text-align: right;
margin-right: 0;
}
.ffrs img {
border: none;
}
a .noborder {
border: none;
}
.special {
font-size: 1.5em;
font-style: italic;
margin-left: 100px;
line-height: 40px;
}
.code {
height: 0px;
overflow: hidden;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}

a.infobulle {position:relative;text-decoration: none;}
a.infobulle span {display:none;} 
a.infobulle:hover span {
   display:block; 
   position:absolute; 
   white-space:nowrap;
   top:1em; 
   left:-10em;
   padding:2px;
   border:1px solid #963;
   background-color:#FF6;
   color:#000;
   z-index:2;
}