@charset "ISO-8859-1"; 

body
{
margin: 20px; /* Pour �viter de coller avec la fen�tre du navigateur. Essayez d'enlever pour voir ! */
background-image: url("images/fond.jpg");
background-attachment: fixed;
background-color: #3C539F;
}

#haut
{
background-image:url("images/banniere.png");
border:2px solid black;
height:250px;
width:965px;
margin:auto;
margin-bottom:20px;
}

#menu
{
float: left;
margin:20px;
margin-left:0px;
margin-top:0px;
padding:0px;
width:150px;
}

.element_menu h3
{
color:orange;
font-family:Calibri, Comic Sans MS;
font-size:20px;
text-align: center;
}

.element_menu
{
border-radius:12px;
padding-right:10px;
border: 1px solid black;
margin-bottom:20px;
background-image:url("images/px-fond.png");
width:150px;
}

#menu ul
{
font-size:15px;
}

#corps
{
padding:10px;
padding-top:0px;
border-radius:10px;
padding-right:10px;
border: 2px solid black;
margin-bottom:20px;
background-image:url("images/px-fond.png");
}

#corps, #footer
{
margin-left: 200px;
}

#pied_de_page, #footer
{
clear: both;
border-radius:20px;
padding-right:10px;
border: 2px solid black;
margin-bottom:20px;
background-image:url("images/px-fond.png");
}
#pied_de_page
{
text-align: center;
font-size:12px;
margin:auto;
width: 300px;
}
#footer
{
padding: 10px;
}

p, .p
{
font-family:Calibri, Comic Sans MS;
}

#menu a
{
color:black;
}

#menu a:hover, a:hover
{
color:yellow;
}

a
{
font-family:Calibri, Comic Sans MS;
text-decoration:none;
color:red;
}

.formulaire
{
font-family:Calibri, Comic Sans MS;
font-size:18px;
}

legend
{
font-family:Calibri, Comic Sans MS;
font-size:12px;
}

ul
{
font-family:Calibri, Comic Sans MS;
}

ol
{
font-family:Calibri, Comic Sans MS;
list-style-type:decimal;
list-style-position:outside;
}

option.gras
{
font-weight:bold;
}

h2
{
font-family:Calibri, Comic Sans MS;
text-decoration:underline;
}

h1
{
font-size: 22px;
font-family:Calibri, Comic Sans MS;
}

h4
{
font-size: 17px;
font-family:Calibri, Comic Sans MS;
font-weight:bold;
text-decoration:underline;
}

input
{
font-family:Calibri;
font-size:15px;
}

textarea
{
font-family:Calibri, Comic Sans MS;
font-size:15px;
}

.ico {width:2%}
.titre { width:61%; }
.nombremessages { width:2%; }
.nombrevu { width:4%; }
.nombresujets { width:2%; }
.auteur { width:7%; }
.derniermessage { width:18%; }
.categorie { width:92%; background-color : #F4EEFA; }

td { vertical-align:top; }
td, table, th { border: 1px solid black; }

table {
width:100%;
}

select[multiple="multiple"] 
{
	height:150px;
	width:40%;
}

a img { border:0px; }
input#zone_message { width:70%; }

.sans-bordure {
background-color:transparent;
background-image:none;
}

.sans-bordure td {
border:none;
background-color:transparent;
background-image:none;
}

table.sans-bordure  {
border:none;
}

label {
display:block;
width:150px;
float:left;
}
label.nofloat {
display:inline;
width:inherit;
float:inherit;
}

fieldset {
	border:2px solid #5E20AF;
	border-radius:5px;
}
fieldset legend { color:black; }

.vt_auteur, .vt_mess, th
{
background-color : #928CDE;
}
.vt_auteur
{
width:20%;
}
.vt_mess
{
width:75%;
}

.quote
{
width: 100%;
background-color : #DCDCDC;
margin-top: 2px;
margin-bottom: 2px;
font-family: "Comic sans MS", Arial, Verdana, serif;
}

fieldset.posttopic label {
float:none;
}

.mp_titre { width:65%; }
.mp_expediteur { width:10%; }
.mp_time { width:20%; }

.droite { float:right; }

.link { cursor:pointer; }

input#grade {
color: #FF0000;
background-color: transparent;
border:0px;
}

.erreur {
	color: #FF0000;
	font-weight: bold;
}

#onglets
{
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
    padding-bottom : 24px; /* � modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}
#onglets li
{
    float : left;
    height : 21px; /* � modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}
#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #fff;
}

#chat_contenu
{
	height:500px;
	overflow:auto;
}

ul#suggestsList{
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
	background-color: #FFFFFF;
	list-style: none;
	font-size: 90%;
}
ul#suggestsList li{
	border: 1px solid #CFCFCF;
}
ul#suggestsList li:hover, ul#suggestsList li#selectedSuggest{
	background-color: #CFCFCF;
}
ul#suggestsList li a{
	display: block;
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.message, .messagetitre {
	border:2px solid #5E20AF !important;
	margin-bottom: 5px;
	border-radius: 3px;
	padding:5px;
}
.messagetitre {
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	min-height: 36px;
}
.border5px {
	margin-left: 5px;
	margin-right: 5px;
}
td.message {
	vertical-align:top
}
.link {
	cursor: hand;
	cursor: pointer;
	padding:0px;
}
.message img.del {
	float:right;
	margin-top:5px;
	margin-right:3px;
}
.message img.read {
	float:left;
	margin-top:5px;
	margin-left:4px;
}