html, body {
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    background-color: #ffffff;
    color: #000;
}

/*
* html .clear {
	clear: both;
}*/

body {
    font-size: 80%;
    line-height: 160%;
}

#bloc_page {
	font-size: 1.0em;
}

#audience img,#audience p,#audience {
    visibility: hidden;
}

dd {
    margin: 0 !important;
}

#liens {
    background-color:transparent;
    color: #000;
    padding: 0 0.5em 1em 0;
    border-bottom: 2px solid #fcd697;
    border-right: 1px solid #fcd697;
}

h2, .h2_fleche_haut {
    padding: 0.3em;
    margin: 0em 0 0 0;
    border-bottom: 2px solid #666699;
    background-color: #ffe347;
    color: #3737a7;
}

hr {
    display: none;
}

pre, code {
    color: #292929;
    font-family: inherit;
    font-weight: bold;
/*font-family: "Courier New",Courier,monospace;*/
/*font-size: 130%;*/
}

pre {
    margin: 0.5em 1em;
    border-left: 1px dotted;
    padding-left: 0.5em;
    background-color: #f6f8ff;
    overflow: auto;
}

img {
    border: 0;
}

/*------------------------------------------
    En-tête de page
------------------------------------------*/

#bloc_entete_page {
    border-bottom: 1px solid;
    margin: 1em 0;
}

#contenu_entete_page {
    width: 100%;
    text-align: center;
    color: #000;
}

.entete1 {
    font-size: 280%;
    font-style: italic;
    font-family: georgia, "Times New Roman", Times, serif;
/*    color: #000 !important;*/
    background-color:transparent;
    border: 0;
    text-decoration: none;
}

.entete1.a:hover {
content: "\00A0" "accueil" "\00A0";
}

/*------------------------------------------
    Menus ( sommaire - contact - style )
------------------------------------------*/

.hidden, #menus {
    display: none;
}

#bloc_menu {
    font-style: italic !important;
    margin: 0em 0em 1em 0em;
}

#choix_menu_box, #contact_box, #choix_style_box {
    text-align: right;
}

#contact_box, #choix_style_box {
    margin-top: 2em;
}

span.h2, #bloc_menu h2 {
    padding: 0.3em;
    margin: 0em 0em 0.4em 0em;
    background-color: #fff8c7;
    color: #000;
    font-style: normal;
	font-size: 1.3em;
}

#bloc_menu h3 {
	font-size: 0.9em;
    font-style: italic;
    color: #808080;
    background-color:transparent;
    font-weight: bold;
}

#bloc_menu a:hover, #contenant .choix_style_occ a:hover {
    border-bottom: 1px solid;
    color: #990000;
}

#bloc_menu a, #contenant .choix_style_occ a {
	display: block;
    margin: 0 0.5em 0.0em 0.5em;
    color: #a7a7fc;
	text-decoration: none;
    border-bottom: 1px dotted;
    font-weight: bold;
}

.bloc_menu_contenu {
    width: 200px;
}

/*------------------------------------------
    bloc_contenu
------------------------------------------*/

.donnees_occ h3 {
    padding: 0.1em;
}

.donnees_occ p {
    padding: 0;
    margin: 0;
}

.donnees_occ {
    background-color: #EEE8AA;
    padding: 0px; /*\*/ padding: 0px 2px 2px 0px;/**/ /*1ere valeur pour IE5/Mac*/
    margin-bottom: 4px;
}

#bloc_contenu form {
	font-family: inherit;
	font-size: inherit;
    margin: 0; /* bien à mettre, sinon, il y a comme une marge en bas des "form" (ex: recherche_fichier.php) */
}

#bloc_contenu {
    padding: 0;
    margin: 0em 0em 1em 0em;
}

#bloc_contenu dl {
    padding: 0;
    margin: 0;
}

#bloc_contenu .donnees {
    padding: 0;
    margin: 0em 0 0 0.2em;
    background-color: #FAFAD2;
}

#contenant {
    padding: 0px 0px 0px 10px;
}

/*------------------------------------------
    Pied de page
------------------------------------------*/

#bloc_pied_page {
    clear: both;
    border-top: 1px solid #000000;
    text-align: center;
    margin: 1em 0;
	padding : 2px;
}

/*------------------------------------------
    distinguer la page en cours dans le menu
------------------------------------------*/

.pg_index #pg_index,
.pg_pjanagram #pg_pjanagram,
.pg_pjmotlong #pg_pjmotlong,
.pg_pjmotus #pg_pjmotus,
.pg_pjpuiss #pg_pjpuiss,
.pg_pjscrab #pg_pjscrab,
.pg_liens #pg_liens,
.pg_telechargement #pg_telechargement,
.pg_livre-dor #pg_livre-dor,
.pg_lightforum #pg_lightforum,
.pg_parties #pg_parties,
.pg_recherche_stats #pg_recherche_stats,
.pg_ajout_nouveaute #pg_ajout_nouveaute,
.pg_recherche #pg_recherche,
.pg_styles #pg_styles
 {
	background: #F5F2F0;
	border-color: #B37D12;
	color: #B37D12;
}

/*------------------------------------------
    Liens
------------------------------------------*/

a:link, a:visited {
    text-decoration: none;
    color: #0e0fa6;
}

a:link:hover, a:visited:hover {
    text-decoration: none;
    color: #990000;
}

a.entete1:link:hover, a.entete1:visited:hover {
    background: transparent;
    text-decoration: none;
}

#bloc_contenu a:link, #bloc_contenu a:visited {
    text-decoration: none;
    font-style: italic;
}

#bloc_contenu a:link:hover, #bloc_contenu a:visited:hover {
	text-decoration: none;
}

/*a.h2_fleche_haut:link, a.h2_fleche_haut:visited {
    color: white;
}

a.h2_fleche_haut:hover {
    color: red;
    xbackground-color: green;
}

.choix_menu_occ a:hover, .contact_occ a:hover, .choix_style_occ a:hover {
    color: #ffffff;
    background-color: #5f9add;
}*/

/* ---------------------------------------------
       Saisies (livre d'or, recherche)
--------------------------------------------- */

#contenant a.bouton3 {
	border: 1px solid #FFA500;
}

input, textarea, select, #contenant a.bouton3 {
	background-color: #FAFAD2;
	color: #000;
    font-family: inherit;
    font-size: inherit;
}

.commentpost {
	background-color: #FFA500;
	border: 1px solid #0000CD;
	margin-top: 10px;
	color: blue;
}

.commentpost span, .commentpost fieldset {
	background-color: #EEE8AA;
	border: 1px solid #0000CD;
}

.commentpost input {
	border: 1px solid #FFA500;
}

.commentpost textarea {
	border: 1px solid #FFA500;
}

.commentpost select {
	border: 0px solid #FFA500;
}

.commentpost input.bouton3 {
    border-color : #FFA500;
}

.commentpost input:focus, .commentpost textarea:focus, .commentpost select:focus {
	background-color: #fff;
}

/* ---------------------------------------------
       ...
--------------------------------------------- */

/*.heure {
	font-size: 1em;
    text-decoration: none;
}*/

/* si changement de style, bug avec IE mac, ais je n'ai pas réussi à le corriger
   car ça fonctionne correctemnt avec firefox sans rien mettre
   le bug: le texte dans .tableau et qui est mis dans td sans rien préciser (donc pas dans <a> ou autre, ex: <td>xxx<a>yyyy</a></td> -> xxx sera affiché avec l'ancienne police/taille)
   garde le style correspondant à l'ancien style utilisé (il faut faire reload page pour un affichage correct)
.ligne1, .ligne2 {
    color: green;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 1em;
}

.tableau, .tableau td {
    font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 1em;
}
*/

.vis1, .vis4 { /* vis1: titre sur une ligne (via span) dans un tableau */
    background: #FFD700;
    text-decoration: none;
    color: blue;
}

.vis4 { /* titre colonne de tableau */
    background: #FFA500;
    color: blue;
}

.ligne1 {
	background-color: #EEE8AA;
}

.ligne2 {
	background-color: #FAFAD2;
}

.bouton2:link, .bouton2:visited, .bouton2 {
    text-decoration:none;
    color: #666;
    text-align:center;
    background-image:url(../images/nav_bg2.gif);
    cursor: default;
}

.bouton2:hover {
    border-style:inset;
    color: #666;
    background-image:url(../images/nav_bg2.gif);
    cursor: pointer;
}

.separation1 {
    height: 8px;
    width: 100%;
}