html {
    background-color: #3b5f8a;
}

body {
    margin: 0px;
    padding: 0px;
    border: 10px solid #3b5f8a;
    color: #000;
    background-color: #fff;
    font-size: 80%;
}

html, body {
    font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

dd, dl {
    margin: 0px;
    padding: 0 0 0 0;
}

/*li, ul {
    padding: 0;
    margin: 0;
}

li, ul, li {
    list-style-type: none;
}*/

#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_page {
	font-size: 1.0em;
}

#bloc_contenu address {
    text-align: center;
}

#bloc_contenu .formulaire {
    border: 1px solid #000;
    padding: 5px;
}

.help code {
    color: #ff0000 !important;
    font-weight: bold;
}

.help li, .help p {
    font-style: normal !important;
    list-style-type: square;
}

.help li {
    margin-left: 1em;
}

/*------------------------------------------
    Générales
------------------------------------------*/

hr {
    display: none;
}

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

dd {
    margin: auto 0;
}

h3 {
    font-size: 1.1em;
}

code, samp, var, pre {
    font-size: 1em;
    color: #d41f21;
    font-family: inherit;
    font-weight: bold;
    /*font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;*/
}

q {
    quotes: "\00AB\00A0" "\00A0\00BB" "\0022" "\0022";
}

img {
    border: 0;
    vertical-align: middle;
}

/*------------------------------------------
    Blog (donnees_occ)
------------------------------------------*/

#bloc_contenu {
    padding: 0;
    color:#000;
    line-height: 1.4em;
}

/* pour margin et padding: Haut, droite, bas et gauche */
#bloc_contenu {
    margin: 0em 0em 1em 0em;
}

#bloc_contenu h2, .h2_fleche_haut {
    background-color: #5f9add;
    color: #fff;
    padding: 0.5em;
    font-size: 1.2em;
    border-bottom: 2px solid #666699;
}

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

.donnees_occ {
    padding: 0px 10px 10px 0px;
    margin-left: 0.2em;
}

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

.donnees_occ div.donnees {
    border-left: 1px dotted #000;
    padding-left: 0.5em;
    margin-left: 0.3em;
    background-color: #f6f8ff;
}

/*.donnees_occ dd {*/
/*.donnees_occ p {
    xborder-left: 1px dotted #000;
    border-left: 1px solid red;
    padding-left: 0.5em;
    margin-left: 0.3em;
    background-color: #f6f8ff;
}*/

.donnees_occ pre {
color: #000000;
}

.donnees_occ h3 {
padding: 0.1em;
}

.donnees_occ dt, #formdonnees_occ dt {
font-weight: bolder;
font-size: 1.1em;
}

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

#contenu_entete_page {
    width: 50%;
    text-align: center;
}

#bloc_entete_page {
    color:#008f8f;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-size: 1.5em;
    border-bottom: 1px dotted #3b5f8a; 
}

.entete2 {
    font-size: 11px;
}

.entete1 {
    font-size: 1.3em;
    letter-spacing: 0.3em;
    font-family: Georgia, "Bookman Old Style", Bookman, "New Century Schoolbook", "Bookman Antiqua", Palatino, "Utopia", "New York", "Times New Roman", Times, serif;
    font-style: italic;
    margin: 0 0 0 0;
    padding: 0.5em 0 0 0.5em;
    color: #d41f21;
    text-decoration: none;
}

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

.hidden, #menus {
    display: none;
}

#bloc_menu {
    margin: 0em 0em 1em 0em;
    color:#000;
}

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

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

span.h2, #bloc_menu h2 {
    margin: 0 0.0em 0.4em 0;
    padding: 0.3em;
    background-color: #d41f21;
    color: #fff;
    font-size: 1.4em;
}

.bloc_menu_contenu {
    width: 200px;
}

#bloc_menu a, #contenant .choix_style_occ a {
	display: block;
    margin: 0;
    color: #0e0fa6;
	text-decoration: none;
    text-align: right;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-bottom: 1px;
}

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

#bloc_pied_page {
    border-top: 1px dotted #3b5f8a; 
    padding: 0.5em;
    clear: both;
/*    background: url("include/img/lunettes.jpg") center center no-repeat; */
}

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

#dimension_affichage a:before {
    content:"monsite_1_d.css";
}

/*------------------------------------------
    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-color: #B0E0E6;
}

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

a:link, a:visited {
    text-decoration: none;
    font-style: italic;
    color: #0e0fa6;
    font-weight: bold;
}

a:link:hover, a:visited:hover {
    color: #d41f21;
    background-color: #fff;
}

a.entete1:link:hover, a.entete1:visited:hover {
    background: transparent;
}

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

a.h2_fleche_haut:hover {
    color: red;
}

#bloc_menu a:hover, #contenant .choix_style_occ a:hover {
/*.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 #0000CD;
	background-color: #AFEEEE;
}

input, textarea, select {
	background-color: #AFEEEE;
	color: #000;
    font-family: inherit;
    font-size: inherit;
}

.commentpost {
	background-color: #4169E1;
	border: 1px solid #0000CD;
	margin-top: 10px;
	color: #000000;
}

.commentpost span, .commentpost fieldset {
	background-color: #B0E0E6 /*#40E0D0*/; /*#87CEEB;*/ /*#87CEFA;*/
	border: 1px solid #0000CD;
	color : inherit;
}

.commentpost input {
	border: 1px solid #0000CD;
	color : inherit;
}

.commentpost textarea {
	border: 1px solid #0000CD;
	color : inherit;
}

.commentpost select {
	border: 0px solid #0000CD;
	color : inherit;
}

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

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

p.comment-post {
	font-size: 0.9em;
	margin: 0;
}

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

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

/* si changement de style, bug avec IE mac, ais je n'ai aps 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: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", 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: #4169E1; /*#C4C8CC;*/
    text-decoration: none;
    color: white;
}

.vis4 { /* titre colonne de tableau */
    background: #0000CD; /*#9FABB8;*/
    /*color: #FFDEAD;*/
}

.ligne1 {
	background-color: #E0FFFF; /* #F0EDE9;*/
}

.ligne2 {
	background-color: #AFEEEE; /*#F5F5F5; */
}

.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%;
}