body
{
	background-color: #b7c7c9;
	background-image: url('images/blog/fond.jpg');
	margin: auto;
	width: 800px;
}

a img
{
	border: none;
}

.normal
{
	color: #766957;
	text-decoration: none;
	font-weight: bold;
}

.normal:hover
{
   color: #b5a085;
}

.normal_blanc
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.normal_blanc:hover
{
   color: #cccccc;
}

.normal_bleu
{
	color: #3d465f;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}

.normal_bleu:hover
{
   color: #5e6882;
}

.lien_menu
{
	font-family: 'Times New Roman', serif;
	text-decoration: none;
	font-size: 1.2em;
	color: #FFFFFF;
}

.lien_menu:hover
{
	color: #BBBBBB;
}

.infobulle
{
	position: absolute;	
	z-index: 2;
	visibility : hidden;
	border: 2px solid #5e6675;
	padding: 8px;
	color :#5e6675;
	background-color: #FFFFFF;
}

.titre_vignette
{
	font-size: 1.2em;
	font-family: 'Trebuchet MS', serif;
}

.button
{
	background-color: #99cccc;
	border: 1px solid #638994;
	color: black;
	cursor: pointer;
}

.button:hover
{
	background-color: #ffcc66;
	border: 1px solid #cc9933;
	color: black;
	cursor: pointer;
}

.button_disabled
{
	background-color: #999999;
	border: 1px solid #666666;
	color: #666666;
	cursor: default;
}

.commentaire_head_marron
{
	margin: 0px;
	padding: 3px;
	padding-left: 15px;
	background-color: #ae8a6c;
	color: #FFFFFF
}

.button_editsuppr
{
	font-size: 0.6em; 
	height: 16px; 
	background-color: #FFFFFF;
	border: 1px solid #b2b2b2;
	color: #b2b2b2;
	cursor: pointer;
	padding-bottom: 3px;
}

.button_editsuppr:hover
{
	font-size: 0.6em; 
	height: 16px; 
	background-color: #b2b2b2;
	border: 1px solid #b2b2b2;
	color: #FFFFFF;
	cursor: pointer;
	padding-bottom: 3px;
}

.button_confirm
{
	font-size: 0.6em; 
	height: 16px; 
	background-color: #FFFFFF;
	border: 1px solid #b2b2b2;
	color: #b2b2b2;
	cursor: pointer;
	padding-bottom: 3px;
}

.button_confirm:hover
{
	font-size: 0.6em; 
	height: 16px; 
	background-color: #b2b2b2;
	border: 1px solid #b2b2b2;
	color: #FFFFFF;
	cursor: pointer;
	padding-bottom: 3px;
}





#corps
{
	width: 798px;
	background-color: #FFFFFF;
	margin: 0px;
	border: 1px solid #7a888a;
	margin-bottom: 100px;
}

#bannière
{ margin: 0px; margin-top: 10px; height: 436px; width: 800px; background-image: url("images/blog/banniere.png"); background-repeat: no-repeat; }

#bannière2
{ margin: 0px; padding: 0; height: 436px; width: 800px; background-image: url("images/blog/banniere_blanc.png"); background-position: 0px 1000px; background-repeat: no-repeat; }


#titre_strip
{
	margin: auto; 
	margin-bottom: -15px;
	width: 557px; 
	height: 60px; 
	background-image: url("images/blog/images/blog/fond_titre_dessus.jpg"); 
	background-repeat: no-repeat;
	padding-top: 15px;
}

#titre
{
	color: #593a1c;
	font-family: "Times New Roman", serif;
	font-size: 2em;
	margin-left: 60px;
}

#sous-titre_strip
{
	margin: auto; 
	margin-top: 0px;
	width: 557px; 
	height: 24px; 
	background-image: url("images/blog/images/blog/fond_titre_dessous.jpg"); 
	background-repeat: no-repeat;
	padding-top: 3px;
	margin-bottom: 35px;
}

#sous-titre
{
	color: #593a1c;
	font-family: "Times New Roman", serif;
	font-size: 1em;
	margin-left: 45px;
}

.bouton_lecture
{
	margin: 0px;
	padding: 0px;
	margin-left: -4px;
}

#afficher-cacher0 a
{
	color: #FFFFFF;
	font-family: "Times New Roman", serif;
	font-size: 1.3em;
	margin-left: 75px;
	text-decoration: none;
}

#afficher-cacher0
{
	width: 550px;
	height: 55px;
	background-image: url("images/blog/images/blog/commentaires.jpg"); 
	background-repeat: no-repeat;
	padding-top: 8px;
	
}

.lien_edit_suppr
{
	color: #766957;
	text-decoration: none;
	font-weight: bold;
	font-family: "Times New Roman", serif;
}

.lien_edit_suppr:hover
{
   color: #b5a085;
}

.commentaire_pseudo_membre
{
	color: #593a1c;
	text-decoration: none;
	font-weight: bold;
    font-family: "Times New Roman", serif;
}

.commentaire_pseudo_non_membre
{
	color: #593a1c;
	text-decoration: none;
	font-weight: bold;
    font-family: "Times New Roman", serif;
}

.commentaire_pseudo_membre:hover
{
   color: #766957;
}

/*####################################      Commentaires   */

#messages
{
	margin: auto;
}

.commentaire_fond
{
	width: 95%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.commentaire_contenu
{
	margin: 15px;
}

.commentaire_bulle
{
	border-right: 2px solid #b2b2b2;
	border-left: 2px solid #b2b2b2;
	margin: 0;
	margin-top: -5px;
	margin-bottom: -5px;
	padding: 0;
	width: 625px;
}

#formulaire_blog
{
	
}

#formulaire_blog_visiteur
{
	text-align: center;
	width: 700px;
	height: 751px;
	margin: auto;
	background-image: url("images/blog/images/blog/fond_formulaire2.jpg"); 
	background-repeat: no-repeat;
	color: #000000;
	padding-bottom: 10px !important;
	padding-top: 92px !important;
	padding-bottom: 0;
	padding-top: 120px;
}

.post_site
{
	font-weight: bold;
	text-decoration: none;
	color: #6699cc;
}

.post_site:hover
{
	color: #c7e3ee;
}

.alerte
{
	font-weight: bold;
	color: #880000;
}

.commentaire_head
{
	margin: 0px;
	padding: 3px;
	padding-left: 15px;
	background-color: #766957;
	color: #FFFFFF
}

.post_head
{
	margin: 0px;
	padding: 3px;
	padding-left: 15px;
	background-color: #766957;
	color: #FFFFFF;
	border: 1px solid #766957;
}

.post_pseudo
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.post_pseudo:hover
{
	color: #6699cc;
}

.post_membre
{
	width: 120px;
	border: none;
	vertical-align: top;
	margin: 0;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
}

.post_message
{
	border: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

.post_message p
{
	padding: 12px;
	padding-top: 0;
	padding-bottom: 0;
}

#blog_post
{
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

.blog_post
{
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

.blog_miniatures
{
	max-width: 700px;
}

.blog_miniatures img
{
	margin: 10px;
}



/*  ######################################   Messages et tout ça...    */



.pages
{
	color: #000000;
	text-align: center;
}


.entrée_livreor
{
	width: 70%;
	margin: auto;
}

.message_livreor
{
	border: 1px solid black;
	padding: 10px;
	padding-bottom: 0px;
	background-color: #ffdaa9;
}

.petit_texte
{
	font-size: x-small;
	color: #888888;
}

.moins_petit_texte
{
	font-size: small;
}

.titre_livreor
{
	padding-left: 10px;
	background-image: url("images/blog/images/fond_titre_livreor.png"); 
	background-repeat: repeat-x;
	border: 1px solid black;
	border-bottom: none;
}

#anti-bots
{
	border: 1px solid black;
	width: 90px;
	height: 30px;
	float: right;
}

#anti-bots img
{
	margin: 0px;
}

#saisie_anti-bot
{
	width: 50px;
	text-align: center;
	font-size: 20;
}

#mise_en_forme
{
	width: 80%;
}

.oc_blanc { background-color: #666666; color: #FFFFFF; }

.c_bleu_f { color: #003399; }
.c_bleu { color: #6699ff; }
.c_cyan { color: #00cccc; }
.c_vert_f { color: #336633; }
.c_vert { color: #33cc33; }
.c_jaune { color: #ffff33; }
.c_jaune_f { color: #deb700; }
.c_orange { color: #ff9900; }
.c_orange_f { color: #b86e00; }
.c_marron { color: #663300; }
.c_rouge { color: #ff0000; }
.c_rouge_f { color: #990000; }
.c_magenta { color: #ff00cc; }
.c_violet { color: #8000d1; }
.c_blanc { color: #FFFFFF; }
.c_gris_f { color: #666666; }
.c_gris { color: #cccccc; }
.c_noir { color: #000000; }

.gros { font-size: x-large; }
.t_gros { font-size: xx-large; }
.moyen { font-size: normal; }
.t_petit { font-size: x-small; }
.petit { font-size: small; }

.smiley_cliquable, .bouton_cliquable
{
	cursor:pointer;
}

.bouton_cliquable
{
	margin: 0;
	padding: 0;
	border: 1px solid #98c5d8;
}

.bouton_cliquable:hover
{
	margin: 0;
	padding: 0;
	border: 1px solid #3c6677;
}

.ul_message 
{
   list-style-type: disc;
   padding: 0px; 
   margin: 0px; 
   margin-bottom: 0px; 
   margin-left: 35px;
}

.li_message
{
   padding-bottom: 5px;
}

.citation
{
	margin-left: 30px;
}

.citation_auteur
{
	font-weight: bold;
}

.citation_contenu
{
	margin-top: 3px;
	border: 1px solid #553e29;
	background-color: #FFFFFF;
	width: 85%;
	padding: 3px;
}

.flot_g
{
	float: left;
	margin: 5px;
	margin-bottom: -5px;
}

.flot_d
{
	float: right;
	margin: 5px;
	margin-bottom: -5px;
}



/*###################################################################################

	TETRIS
	
#####################################################################################*/




#tetris_body {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	width: 800px;
	height: 436px;
}

#tetris	{
	position: relative;
	width: 800px;
	height:	336px;
	top: -10px;
}

#tetris	.left {
	position: absolute;
	width: 800px;
	height:	50px;
	left: 0px;
	top: 340px;
}
/*.left-border { background: #E4BE95;	position: absolute;	z-index: 100; top: 0px;	left: 130px; width:	1px; height: 100%; }*/

#tetris-area {
	/* 168,308 +2px	borders	*/
	position: absolute;
	width: 800px;/*167px;*/
	height:	336px; /*307px;*/
	left: 0px;/*132px;*/
	top: 0px;
	overflow: hidden;
}

/*.grid1,	.grid2,	.grid3,	.grid4,	.grid5,	.grid6 { z-index: 10; position:	absolute; left: 0px;	width: 800px; height: 28px;	background:	#CCCCCC; }
.grid1 { top: 28px; }
.grid2 { top: 84px; }
.grid3 { top: 140px; }
.grid4 { top: 196px; }
.grid5 { top: 252px; }
.grid6 { top: 308px; }*/

#tetris	.block0,
#tetris	.block1,
#tetris	.block2,
#tetris	.block3,
#tetris	.block4,
#tetris	.block5,
#tetris	.block6	{
	z-index: 1000;
	line-height: 1em;
	font-family: arial;
	position: absolute;
	width: 28px;
	height:	28px;
	border:	none;
	/* with	margin 0.5px there were	problems with offsetLeft and offsetTop */
}

#tetris .left h1, #tetris .left h2 {
	color: #826C55;
	font-family: "trebuchet	ms", arial;
	font-weight: bold;
	text-align:	center;
	margin-top:	10px;
	margin-bottom: 10px;
}
#tetris	.left h1 a {
	color: #3366CC;
	text-decoration: none;
}
#tetris	.left h1 a:hover {
	color: #FF6600;
	text-decoration: none;
}

/* menu	*/

#tetris	.left .menu	{
	margin-top:	1em;

}
#tetris	.menu a, #tetris .menu a:visited {
	display: block;
	text-decoration: none;
	color: #333333;
	background:	#EAE0D1;
	border-width: 1px;
	margin-bottom: -1px;
	border-style: solid;
	border-color: #BE9E7C;
	cursor:	pointer;
	text-align:	left;
	padding-left: 10px;
	height: 19px;
	line-height: 19px;
	width: 78px;
	padding-bottom: 1px;
	margin-left: 20px;
}
#tetris .menu a:hover { background: #EFE8DE; }

/* game	over */

#tetris-gameover {
	position: absolute;
	width: 100%;
	top: 50%;
	text-align:	center;
	font-weight: bold;
	display: none;
}

/* next	puzzle */
#tetris-nextpuzzle {
	position: absolute;
	top: -2px;
	left: 625px;
	background:	#ffffff;
	overflow: visible;
	display: none;
}
#tetris-keys {
	position: absolute;
	left: 25px;
	top: 135px;
}
#tetris div.h5 { margin-bottom: 0.5em; display: block; font-weight: bold; }
#tetris-keys td { padding-right: 1px; padding-bottom: 1px; }
#tetris-keys img { border-width: 0px; }

/* stats */

.tetris-statistiques
{
	font-family: 'Times New Roman', sans-serif;
	font-weight: bold;
	color: #3f2515;
}

.tetris-bouton
{
	font-family: 'Times New Roman', sans-serif;
	font-weight: bold;
	color: #3f2515;
}

.tetris-bouton a
{
	text-decoration: none;
	color: #3f2515;
}

.tetris-bouton a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}
	

#tetris	.left .stats {
	position: absolute;
	left: 25px;
	bottom:	5px;
}
#tetris	.stats td {	padding-bottom:	1px; line-height: 1.25em; }

#tetris	.stats .level {	text-align:	left; padding-right: 5px; }
#tetris-stats-level	{ font-weight: bold; }

#tetris	.stats .time { text-align: left; padding-right:	5px; }
#tetris-stats-time { font-weight: bold;	}

#tetris	.stats .apm	{ text-align: left;	padding-right: 5px;	}
#tetris-stats-apm {	font-weight: bold; }

#tetris	.stats .lines {	text-align:	left; padding-right: 5px; }
#tetris-stats-lines	{ font-weight: bold; }

#tetris	.stats .score {	text-align:	left; padding-right: 5px; }
#tetris-stats-score	{ font-weight: bold; }


/*
	|
	---
*/
#tetris	.block1	{ background-image: url("images/blog/tetris_ludwig.gif"); }

/*
	  |
	---
*/
#tetris	.block0	{ background-image: url("images/blog/tetris_azeryth.gif"); }



/*
	--
   --
*/
#tetris	.block2	{ background-image: url("images/blog/tetris_antoine.gif"); }

/*
	--
	 --
*/
#tetris	.block3	{ background-image: url("images/blog/tetris_roger.gif"); }

/*
	|
   ---
*/
#tetris	.block4	{ background-image: url("images/blog/tetris_max.gif"); }

/*
	--
	--
*/
#tetris	.block5	{ background-image: url("images/blog/tetris_magnus.gif");	}

/*
	----
*/
#tetris	.block6	{ background-image: url("images/blog/tetris_nero.gif"); }


/*** window	***/

#tetris	.window	{
	background:	#EFE8DE;
	position: absolute;
	width: 167px;
	height:	307px;
	left: 132px;
	top: 1px;
	z-index: 50000;
	display: none;
}
#tetris	.window	.top {
	position: relative;
	background:	#EAE0D1;
	color: #666666;
	letter-spacing:	+1px;
	height:	20px;
	line-height: 20px;
	vertical-align:	middle;
	border-bottom: 1px solid #ffffff;
	text-indent: 10px;
}
#tetris	.window	.top .close	{
	position: absolute;
	background:	#EAE0D1;
	font-family: verdana;
	font-weight: bold;
	right: 0px;
	top: 0px;
	height:	20px;
	line-height: 19px;
	text-indent: 7px;
	width: 21px;
	border-left: 1px solid #ffffff;
	cursor:	pointer;
}
#tetris	.window	.top .close:hover {
	background:	#EFE8DE;
}
#tetris	.window	.content {
	margin:	10px;
}
#tetris	.window	.content table {
}