body
{
  /*background-image: url(/images/feutre.jpg);*/
  background-color: #296100;
  /*font-family: Georgia,serif,"Lucida Grande",tahoma,Arial,Helvetica,sans-serif;*/
  font-family: "Lucida Grande",tahoma,Arial,Helvetica,sans-serif;
  font-size: small; text-align: left;
  height: 100%; width: 80%; margin: 0 auto;
}

h1, h2, h3 { font-family: 'Georgia'; }
address { font-style: italic; }

strong { font-weight: bold; }
em { font-weight: inherit; }

a, a:hover, a:active, a:visited
{
  text-decoration: none; color: #61b61b;
  color: #296100; border-bottom: 1px dotted;
}
a.sombre:hover { background-color: #61b61b; color: #ccff99;}
h1 { font-size: 24px; border-bottom: 2px solid #296100; }
h1, h2, h3, .titre-jeu { text-shadow: 1px 1px 1px silver; }
.titre-jeu { border: 0; }
input { border: 1px solid #ccc; }
em { font-style: italic; }
hr { margin-top: 10px; margin-bottom: 10px; }
p { margin-bottom: 0.4em; margin-top: 0.4em; }
ol
{
  margin-top: 1em; margin-bottom: 1em; padding-left: 3em;
  list-style-type: decimal;
}
h1 a, h2 a, h3 a { border: 0 !important; }

.gras { font-weight: bold; color: #296100; }

#principal { text-align: left; }
#banniere
{
  height: 100px;  width: 100%;
  background: url(/static/images/JES-bg-new.png) left no-repeat;
  margin-top: 10px; margin-bottom: 10px;
}
#banniere * { opacity: 0; filter: alpha(opacity=0); zoom: 1; }

#enveloppe
{
  background-color: #61B61B; float: left; width: 100%;
  /*background-image: url(/images/wood.jpg);*/
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid black;
}
.enveloppe-corners { position: absolute; height: 16px; width: 16px; }

#contenu-wrapper
{
  float: left;
  width: 85%;
  background-color: #FFF;
  padding-bottom: 30px;
  overflow: hidden;
  min-height: 255px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
#contenu {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  text-align: justify;
  /*line-height: 1.6;*/
}
#contenu h1, #contenu h2, #contenu h3 { margin-top: 0.8em; margin-bottom: 0.4em; color: #296100;}
#contenu h2 { font-size: larger; }
.titre { margin-top: 0.8em; margin-bottom: 0.4em; color: #296100; font-weight: bold;}

#intro_assoc p
{
	margin-top: 0.8em;
}
p#pitch
{
  font-size: 150%;
  margin: 1em;
  text-align: justify;
}
#bloc_info_assoc
{
  background-color: #ccff99; text-align: center; margin-top: 20px;
  -moz-border-radius: 8px; -webkit-border-radius: 8px;
  padding: 0.8em;
}

#navigation
{
  float: right;
  width: 15%;
  color: #FFF;
  padding-bottom: 20px;
  overflow: hidden;
}
#navigation * { margin-left: 14px; font-size: large; }
#navigation h2 { margin: 26px 14px 14px; text-shadow: 1px 1px 1px #296100; }
#navigation ul { list-style-type: none; margin:0; padding:0; }
#navigation ul li { margin:0; padding-left: 14px; line-height: 2em; }
#navigation ul li a { border: 0; color: #ccff99; margin: 0; background: transparent; text-decoration: none; }
#navigation ul li.selected { background-color: #FFF; }
#navigation ul li.selected * { color: #296100; }

#pied_de_page { clear: both; font-size: 10px; color: #61b61b; padding: 10px; padding-left: 20px; margin-bottom: 180px; }
#pied_de_page a, #pied_de_page a:hover { background: transparent; color: #ccff99; border: none; }

#chatbox
{
  width: 100%; border-top: 1px solid black;
  position: fixed; bottom: 0; right: 0;
  text-align: left; z-index: 99;
}
#chat_barre { background: #61b61b;  border-bottom: 1px solid black; cursor: pointer; }
#chat_toggle { text-align: right; width: 50%; padding-right: 10px; font-weight: bold; }
#chat_body { display: none; }
#chats { background: #FFF; height: 120px; overflow: auto; }
#chats * { margin-left: 10px; }
#chats * * { margin: 0px; }
#chats ul { padding-top: 10px; }
#chat_entree
{
  border-top: 1px black solid; background-color: #61b61b;
  width: 100%; padding: 5px; clear: both;
}
#chat_login { float: left; margin-right: 20px; }
#chat_texte { width: 60%; float: left; margin-right: 10px; }
#chat_bouton { clear: right; }
#chat_loading
{
  position: absolute; bottom: 50px; left: 95%; height: 32px; width: 32px;
  background: url(/static/js/libs/ext/resources/images/default/shared/large-loading.gif);
  display: none;
}
#liste_chats { margin-bottom: 5px; }

#filtre_club { float: right; }
.liste_jeux, .fiche_jeu { margin-top: 20px; }
.liste_jeux li.jeu
{
  background: #EEE; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  padding-top: 10px; padding-right: 10px; padding-bottom: 10px;
  margin-bottom: 10px; clear: both;
  min-height: 100px;
}
.liste_jeux .infos_jeu li { clear: none; border: 0; padding: 0; margin: 0; }
.liste_jeux div ul { border: 0; }
.liste_jeux div li { margin: 0; }
.liste_jeux .notes_parties , .lien_droite { float: right; clear: right; }
.liste_jeux li.editeur { padding: 0;}
.liste_jeux li.description { margin-top: 10px; margin-left: 10px; }
.notes_parties li { border: 0; padding: 0; }
.lien_droite a, .liste_jeux a { text-decoration: none; border: 0; }
ul.filtre_lettre { list-style: none; }
ul.filtre_lettre li { display: inline; }

.pagination { padding-top: 20px; clear: both; }
.step-links a { border: 0; }

.fiche_jeu #auteurs { font-weight: bold;}
.fiche_jeu #editeur { font-style: italic;}
.vignette
{
  float: left; /*position: relative;*/
  margin-bottom: 5px; margin-right: 10px; margin-left: 10px;
  border: 1px solid #296100;
  min-width: 100px; text-align: center;
}
.vignette a { border: 0; }
.vignette img { }

.titre-jeu { font-size: large; }

#description-wrapper, .description-partie { clear: both; }
#description { margin-left: 10px; }
#description p { margin-top: 5px; margin-bottom: 5px; }
.jeu-edit, .note-edit { cursor: pointer; width: 16px; height: 16px; padding-left: 5px; }
#image-edit { visibility: hidden; padding: 0; position: absolute; left: 84px; }

#liste_soirees a { border: none; }
#liste_soirees ul li
{
  margin: 10px; padding: 5px;
  background: #EEE; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#liste_soirees ul li:first-child { border: 0; }
#liste_soirees ul li p { margin-left: 5px; }
#liste_annees { margin-top: 20px; }

.notes_commentaires
{
  clear: both; margin-left: 5px; padding-bottom: 10px;
}
.notes_commentaires ul li { padding: 0; border: 0; }
.notes_commentaires .commentaire { padding-left: 5px; padding-bottom: 10px; }
.soiree_bas_de_page { padding-top: 10px; border-top: 1px dotted silver; }

.liste-commentaires-wrapper { clear: left; }
ul.liste_commentaires li
{
  padding: 10px; margin-bottom: 10px;
  background: #eee; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
ul.liste_commentaires li p { padding-bottom: 10px; }

#commentaires_attente
{
  width: 100px; height: 100px;
  background: url(/static/js/libs/ext/resources/images/default/shared/large-loading.gif) no-repeat;
  background-position: center;
}

#pagination { padding-top: 10px; }
.page { padding-right: 5px; text-decoration: none; }
a.page { cursor: pointer; border: 0; }

#dernieres_soirees, #billets
{
	margin-top: 10px; clear: both;
	border-top: 1px dotted silver;
}
.billet
{
  padding-bottom: 5px; padding-top: 10px; clear: both;
  margin-bottom: 10px; padding-left: 5px; min-height: 100px;
}
.billet-titre {
    margin-bottom: 10px;
}
.billet-titre h3, .billet-wrapper {
    margin-left: 10px; margin-right: 10px;
}
.billet-titre h3 {
    margin-bottom: 0;
}
.billet-titre h4, .billet-date {
    font-size: smaller;
    font-style: italic;
    color: #666;
}
.billet-date {
    font-size: small;
    float: right;
    line-height: 3em;
}
#dernieres_soirees ul, .billet { background: #EEE; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#dernieres_soirees ul { padding-top: 5px; padding-bottom: 5px; }
#dernieres_soirees ul li { margin-left: 10px; margin-right: 10px; }

#bareme_wrapper { margin-top: 0.8em; margin-bottom: 0.4em; }
#bareme { display: none; margin-top: 0.8em; margin-left: 5px; }
#bareme_toggle { cursor: pointer; font-size: smaller; }

.mask
{
  position: absolute; top: 0; left: 0; z-index: 2; background: #ccc;
  opacity: .5; filter: alpha(opacity=50);
  min-height: 100%; min-width: 100%;
}
.dialog
{
  border: 1px solid black; overflow: visible;
  position: absolute; top: -10000px; left: -10000px;
  background: #fff; z-index: 3;
}
.dialog-header
{
  padding: 2px; border-bottom: 1px solid black; cursor: move;
  background: #61B61B;
}
.dialog-fermer
{
  float: right;
  cursor: pointer;
}
.dialog-form
{
  padding: 5px;
  background: #CCFF99;
}
.dialog-form label { width: 100px; float: left; clear: left; padding-top: 5px; }
.dialog-form label, .dialog-field { padding-bottom: 5px; }
.dialog-field { padding-left: 105px; }
.dialog-buttons { padding: 5px; text-align: right; background: #61B61B; }
.dialog-buttons button { margin-left: 10px; }


.x-form-focus { border-color: #B5B8C8; }
/* qtips */
.x-tip .x-tip-close{
    background-image: url(/static/js/libs/ext/resources/images/olive/qtip/close.gif);
}
.x-tip .x-tip-tc {
    background-image:url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif);
    background-position: 0 -62px;
    background-repeat: repeat-x;
}
.x-tip .x-tip-tl {
    background-image:url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif);
}
.x-tip .x-tip-tr {
    background-image:url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bc{
	background:transparent url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif) no-repeat 0 -121px;
}
.x-tip .x-tip-bl{
	background:transparent url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif) no-repeat 0 -59px;
}
.x-tip .x-tip-br{
	background:transparent url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif) no-repeat right -59px;
}
.x-tip .x-tip-ml {
    background-image:url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif);
}
.x-tip .x-tip-mr {
    background-image:url(/static/js/libs/ext/resources/images/olive/qtip/tip-sprite.gif);
}
.x-tip .x-tip-header-text {
    color:#000000;
}
.x-tip .x-tip-body {
    color:#111111;
}

/* WIKI */
#article ul li { list-style-type: disc; margin-left: 25px; }