/* couleur 1: rgb(221,221,221), couleur 2:rgb(255,255,255), texte: rgb(136,68,136)*/
body
{
	background-color:rgb(235,235,235);
	margin:0px;
	color:rgb(76,76,141);
}

a {color:rgb(68,68,236);}
a:hover{
	color:rgb(68,68,236);}

p
{
	padding:0px;
	margin:0px;
}

h1
{
	text-align:center;
	margin:0;
	margin-bottom:15px;
}

h2 {
	margin-top:15px;
	margin-bottom:5px;
	font-style:italic;
}

h3 {
	margin:10px 20px 5px;
	font-style:italic;
}

form
{
	margin:0;
}

hr
{
	background-color:rgb(147,85,147);
	border:1px solid rgb(153,99,153);
	width:95%;
	height:3px;
}

table
{
	background-color:rgb(223,223,223);
	border-collapse:collapse;
	margin-top:5px;
	margin-bottom:3px;
}

td, th
{
/*	border:1px solid rgb(226,213,226);*/
	padding:0px;
	border-collapse:collapse;
}

th
{
	background-color:rgb(255,255,255);
	color:rgb(136,68,136);
}

textarea, select, input.texte{
	color:rgb(136,68,136);
	background:rgb(232,232,232);
	border-color:rgb(130,130,170);
	}
/* Fin des balises générales */

.nojour{background-color:rgb(255,255,255);}
.orateur{background-color:rgb(232,232,232);}
.message{background-color:rgb(223,223,223);}
.minimess{color:rgb(130,130,170);}
.monperso td.message, .moi{background-color:rgb(235,235,235);}
.monperso td.orateur{background-color:rgb(249,249,249);}
.lemodo td.message{background-color:rgb(245,245,245);}
.lemodo td.orateur{background-color:rgb(252,252,252);}


.ssaction{background-color:rgb(240,240,240);}
.intitule{background-color:rgb(255,255,255);}
.miteinte{color:rgb(130,130,170);}
.aide{color:rgb(114,114,162);font-style:italic;font-size:0.9em;}

/* Le corps de la page */
#corps
{
	border:1px solid rgb(173,173,200);
	background-color:rgb(221,221,221);
			-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	margin-left:310px;
	margin-top:5px;
	margin-right:5px;
	padding:5px;
	margin-bottom:5px;
}
.sous_menu
{
		-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	border:solid 1px rgb(173,173,200);
	background-color:rgb(228,228,228);
	margin-bottom:5px;
	padding:3px;
}
#mess_jour{background-color:rgb(238,238,238);}


/* Le haut de la page, qui ne contient que la bannière */
.banniere
{
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
}
/* Fin de la bannière */


/* Les propriétés qui font fonctionner le menu horizontal */
.div_menu_h /* Sert à avoir un fond coloré sur toute la largeur de la page */
{
	background-color:rgb(255,255,255);
	height:25px;
	border-top:solid 1px rgb(213,213,226);
	border-bottom:solid 1px rgb(213,213,226);
	width:100%;
	z-index:50;
	float:left;
}

.test
{
	z-index:175;	
}

#menu_h, #menu_h ul
{
	padding:0;
	margin:0;
	text-align:center;
}

#menu_h
{
	font-weight:bold;
	font-size:14px;
}

#menu_h .liste, #menu_h .connexion /*Contenu des listes */
{

	background-color:rgb(255,255,255);
	color:rgb(84,84,145);
	width:150px;
	height:26px;
	
}

#menu_h .connexion2 /*Contenu des listes */
{

	background-color:rgb(235,240,240);
	color:rgb(84,84,145);
	width:150px;
	height:26px;
	
}

#menu_h .connexion /* Les listes plus larges */
{
	width:200px;
}

#menu_h .deconnexion
{
	width:250px;
}


#menu_h .liste_l /* Bordure du bas des sous-listes */
{
	border-bottom:1px solid rgb(213,213,226);
}

#menu_h .connexion ul
{
	width:200px;
}

#menu_h .deconnexion ul
{
	width:250px;
}

#menu_h li ul /* Sous-listes */
{
	width:150px;
}

#menu_h li li
{
	border-right:solid 1px rgb(213,213,226);
	border-left:solid 1px rgb(213,213,226);
}

#menu_h .liste:hover, #menu_h .connexion2:hover /* Lorsque la souris passe sur un élément du menu */    
{
	color:rgb(84,84,145);
	background-color:rgb(218,218,232);
}

.centrer_menu_co
{
	width:950px;
	margin:auto;
}

.centrer_menu_deco
{
	width:750px;
	margin:auto;
}

#menu_h, #menu_h ul
{
	list-style:none;
}

#menu_h .liste, #menu_h .connexion, #menu_h .connexion2 /*Contenu des listes */
{
	display:table-cell !important;
	display:block;
	/* On change le type d'élément pour avoir un affichage correct. Et on met table-cell pour les navigateurs non-IE pour faire marcher l'alignement vertical */
	text-decoration:none;
	vertical-align:middle;
}

#menu_h li /* Elements des listes */      
{ 
	float:left;
}

#menu_h li ul /* Sous-listes */
{ 
	position:absolute; /* Position absolue */
	left:-999em; /* Hop, on envoie loin du champ de vision */
	z-index:100;
}

ul{
   list-style: none outside none;
}
li{
  list-style: none outside none;
}

#menu_h li:hover ul, #menu_h li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
	left:auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

#menu_h .liste_l /* Bordure du bas des sous-listes */
{
	border-bottom:1px solid rgb(213,213,226);
}
/* Fin du menu horizontal */

/* Menu(s) vertical(aux) (pour le moment, juste celui de droite) */
#menu_gauche
{
	margin:0px;
	padding:5px;
	width:300px;
	float:left;
}

/* Les balises pour le taggy */
#contenu_meow
{
	height:300px;
	overflow:auto;
	margin-bottom:5px;
	margin-top:3px;
}

.taggy_date
{
	font-size:0.8em;
}

.taggy_pair
{
	background-color:rgb(235,235,235);
}

.taggy_impair
{
	background-color:rgb(228,228,228);
}
/* Fin du menu vertical */



/* Page meow.php */
.meow_date
{
	width:7%;
	text-align:center;
	font-size:0.8em;
}

#contenu_meow a{
	font-weight:bold;
	text-decoration:none;
	color:rgb(105,105,160);
}
.meow_message
{
	padding-left:5px;
	padding-right:5px;
}

.meow_censurer
{
	width:15%;
	text-align:center;
}

/* Page meow_stats.php */
#tableau_stats_meow td
{
	text-align:center;
}
/* Fin du corps */
