/*
	DD0000
	990000
	FFDDDD

	006600

	000066
	0000DD
	EEEEFF
	CCCCDD
	666699
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;

	margin : 0px 0px 0px 0px;
	color : #000000;

	display : block;
	background-color : #FFFFFF;
	background-color : #FFFFFF;
}

td {
	font-size : 12px;
	vertical-align : top;
}

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

.annonce_principale {
	color : #000066;
	font-weight : normal;
	border : 2px solid #DD0000;
	background-color : #EEEEFF;
	margin : 5px 5px 10px 5px;
}

.annonce {
	display : block;
	color : #000066;
	font-size : 14px;
	font-weight : bold;
	border : 2px solid #000066;
	background-color : #EEEEFF;
	margin : 5px 5px 10px 5px;
	padding : 5px 5px 5px 5px;
}

.annonce_pt {
	display : block;
	color : #000066;
	font-size : 10px;
	font-weight : normal;
	border : 1px solid #000066;
	background-color : #EEEEFF;
	margin : 5px 5px 10px 5px;
	padding : 5px 5px 5px 5px;
}

h1 {
	font-size : 20px;
	line-height : 34px;
	height : 34px;
	background-position : 10px 2px;
	display : block;
	color : #000066;
	border-bottom : 1px solid #000066;
	margin : 0px 0px 0px 0px;
	background-color : #EEEEFF;
	padding : 10px 0px 10px 150px;
	text-align : left;
	background-image : URL("/_images/logo.png");
	background-repeat : no-repeat;
}

h1.Comic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

h2 {
	font-size : 16px;
	display : block;
	color : #006600;
	border-left : 2px solid #006600;
	border-bottom : 2px solid #006600;
	margin : 12px 5px 15px 5px;
	padding : 1px 3px 1px 3px;
}

#titre {
	width : 98%;
	font-family: Comic sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size : 20px;
	display : block;
	color : #006600;
	border-left : 2px solid #006600;
	border-bottom : 2px solid #006600;
	margin : 2px 5px 5px 5px;
	margin : 0px 0px 0px 0px;
	padding : 1px 3px 1px 3px;
}

table.BO {
	width : 90%;
	padding : 0px 0px 0px 0px;
	border-collapse : collapse;
	border-spacing : 0px;
	border : 2px solid #000066;
}

table.BO td {
	border : 1px dotted #000000;
	padding : 4px 4px 4px 4px;
}

table.BO td textarea {
	width : 100%;
}

table.BO th {
	border : 1px dotted #000000;
	padding : 4px 4px 4px 4px;
	font-size : 14px;
	background-color : #CCCCDD;
}

table.BO th.BO {
	width : 20%;
	text-align : left;
}

table.BO_pages {
	border : none;
	width : 90%;
}

table.BO_pages td.p_prec {
	border : none;
	text-align : left;
	width : 50%;
}

table.BO_pages td.p_suiv {
	border : none;
	text-align : right;
	width : 50%;
}

td.libelle {
	width : 40%;
	font-weight : bold;
}

.libelle {
	margin : 0px 5px 5px 5px;
	width : 80%;
}

.libelle input {
	margin : 0px 5px 5px 5px;
	width : 85%;
}

input, textarea, select {
	border : 2px solid #000000;
	background-color : #EEEEEE;
	color : #000000;
	vertical-align : middle;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input.numeric {
	text-align : right;
}

.bouton {
	border : 2px solid #000000;
	background-color : #FFFFFF;
	color : #000000;
	text-align : center;
	text-indent : 0px;
	margin : 0px 0px 0px 0px;
}

#menu {
	float : left;
	width : 150px;
	display : block;
	overflow : auto;
	text-align : center;
	font-weight : bold;
	font-size : 12px;
	background-color : #CCCCDD;
/*	border : 2px solid #000000;
*/	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	margin : 0px 4px 20px 4px;
	margin : 0px 0px 0px 0px;
	padding : 10px 2px 10px 2px;
/*	height : 500px;
*/

}

#menu .menu_titre {
	font-size : 16px;
	display : block;
	color : #000000;
	margin : 5px 5px 5px 5px;
	border : none;
/*	padding : 1px 3px 1px 3px;
*/	background : none;
}

#menu .menu_titre a {
	font-size : 16px;
	display : block;
	color : #000000;
	border-bottom : 2px solid #000000;
	border-right : 2px solid #000000;
	border-top : 2px solid #FFFFFF;
	border-left : 2px solid #FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color : #EEEEFF;
	text-decoration : none;
	padding : 1px 3px 1px 3px;
}

#menu .menu_titre a:hover {
	background-color : #CCCCDD;
	border-bottom : 2px solid #FFFFFF;
	border-right : 2px solid #FFFFFF;
	border-top : 2px solid #000000;
	border-left : 2px solid #000000;
	padding-top : 2px;
	padding-left : 4px;
	padding-bottom : 0px;
	padding-right : 2px;
}

#menu .menu_item a, #menu .menu_item a:visited, #menu .menu_item a:active, #menu .menu_item a:link {
	text-indent : 10px;
	text-align : left;
	font-weight : bold;
	color : #006600;
	text-decoration : none;
	border-top : 1px solid #CCCCDD;
	border-bottom : 1px solid #CCCCDD;
	display : block;
	margin-top : 5px;
	margin-bottom : 5px;
}

#menu .menu_item a:hover {
	border-top : 1px dotted #000000;
	border-bottom : 1px dotted #000000;
	color : #000000;
	text-decoration : none;
	margin-top : 5px;
	margin-bottom : 5px;
	background-color : #FFFFFF;
}

#menu .menu_item_sel {
	font-weight : bold;
	color : #006600;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	background-color : #FFFFFF;
	margin-top : 5px;
	margin-bottom : 5px;
}

#menu hr {
	color : #000000;
	height : 2px;
	background-color : #000000;
	border : 0px solid #000000;
}

#menu hr.spacer {
	height : 1px;
	border : none;
	background : #000000;
	width : 50px;
	margin : none;
	padding : none;
}

#menu div.spacer {
	height : 2px;
	border : none;
	border-bottom : 1px dotted #000000;
	background : none;
	width : 50%;
	margin-left : 49%;
}

#menu .info_usr {
	text-align : left;
	color : #000066;
	padding-left : 10px;
}

#menu .info_usr .ss_info_usr {
	display : block;
	margin-left : 10px;
	text-align : left;
	color : #000000;
	font-size : 10px;
}

#contenu {
	display : block;
	color : #000000;
	padding : 5px 5px 5px 5px;
	margin : 10px 5px 5px 5px;
	margin : 0px 0px 0px 0px;
	overflow : auto;
	text-indent : 10px;
	background-color : #FFFFFF;
}

#contenu p {
	text-indent : 20px;
	background : none;
	padding : 0px 0px 0px 0px;
	margin : 15px 0px 15px 0px;
	border : none;
	padding-left : 20px;
}

a, a:visited, a:active, a:link {
	color : #000066;
	font-weight : bold;
	text-decoration : none;
}

a:hover {
	color : #000000;
	text-decoration : underline;
}

#contenu a, #contenu a:visited, #contenu a:active, #contenu a:link {
	color : #000066;
	font-weight : bold;
	text-decoration : none;
}

#contenu a:hover {
	color : #000000;
	text-decoration : underline;
}

#contenu hr {
	color : #000000;
	height : 1px;
	background-color : #006600;
	border : none;
	width : 50%;
}

li {
	margin-top : 5px;
	margin-bottom : 5px;
}

#contenu p.titre_paragraphe {
	font-weight : bold;
	font-size : 13px;
	text-indent : 0px;
	margin-left : 5px;
}

#contenu p.titre_paragraphe:first-letter {
	font-size: 20px;
	color : #000066;
	font-family : comic, sans-serif;
}

#contenu p.intro:first-letter {
	font-size: 20px;
	color : #000066;
	font-family : comic, sans-serif;
}

.contributeur {
	font-size : 10px;
	font-style : italic;
	color : #666699;
}

div.identification_obligatoire {
	background-image : URL("/_images/cadenas.png");
	background-repeat : no-repeat;
	background-position : 5px 50%;
	padding : 10px 10px 10px 10px;
	border : 3px solid #990000;
	min-height : 37px;
	vertical-align : middle;
	margin : 5px 10% 5px 10%;
	text-align : center;
	min-width : 350px;
}

a.lien_bouton, a.lien_bouton:visited, a.lien_bouton:link {
	display : block;
	border : 2px solid #000000;
	background-color : #FFFFFF;
	color : #000000;
	text-align : center;
	text-indent : 0px;
	margin : 0px 30% 0px 30%;
	padding : 5px 5px 5px 5px;
	min-width : 150px;
	font-weight : bold;
	text-decoration : none;
	cursor : default;
	background-color : #EEEEFF;
}

a.lien_bouton:active {
	text-decoration : none;
	padding-left : 6px;
}

a.lien_bouton:hover {
	text-decoration : none;
	color : #000000;
}

#menu_princ {
	border-bottom : 1px solid #000000;
}

.sous_menu {
	border-bottom : 1px solid #000000;
}

#menu_identif {
	border-bottom : 1px solid #000000;
}

#fonctions th, #fonctions td {
	padding : 5px 5px 5px 5px;
	border-bottom : 1px dotted #000000;
}

#fonctions td {
	border-left : 1px solid #000000;
}

#fonctions td:first-letter {
	font-size: 20px;
	color : #000066;
	font-family : comic, sans-serif;
}

#fonctions th {
	font-weight : bold;
	text-align : left;
	font-size : 12px;
	vertical-align : top;
}

#erreur, .erreur, #contenu p.erreur {
	display : block;
	color : #DD0000;
	font-weight : bold;
	border : 2px solid #DD0000;
	background-color : #FFDDDD;
	margin : 5px 5px 10px 5px;
}

.messagePerso {
	display : block;
	text-indent : 0px;
	font-weight : bold;
	border : 2px solid #0000DD;
	background-color : #EEEEFF;
	margin : 5px 5px 10px 5px;
	padding : 5px 5px 5px 5px;
}

h1 form {
	display : block;
	float : right;
	font-size : 12px;
	font-weight : bold;
	color : #000000;
	margin-right : 10px;
}

#liste_IP .IP {
	display : block;
	float : left;
	background-color : #EEEEFF;
	width : 130px;
	font-weight : bold;
	border-top : 2px solid #000000;
	margin-top : 5px;
}

#liste_IP .IP_nobg {
	display : block;
	float : left;
	width : 130px;
	font-weight : bold;
}
#liste_IP .IP_User {
	display : block;
	float : left;
	border-top : 2px solid #000000;
	margin-top : 5px;
	width : 200px;
	font-weight : bold;
}

#liste_IP .IP_User_nobg {
	display : block;
	float : left;
	width : 200px;
	font-weight : bold;
}

#liste_IP br {
	clear : left;
}

#msg_recus {
/*	display : block;
	height : 100px;
	overflow : auto;
	border : 1px solid #000000;
*/}

#msg_envoyes {
/*	display : block;
	height : 100px;
	overflow : auto;
	border : 1px solid #000000;
*/}

#msg_envoyes a, #msg_recus a {
}

#msg_envoyes .msg_ligne, #msg_recus .msg_ligne {
	display : block;
	float : left;
	width : 100%;
}

.msg_lu * {
	font-weight : normal;
}

.altern {
	background-color : #EEEEEE;
}

#msg_envoyes a:hover, #msg_recus a:hover {
	text-decoration : none;
}

#msg_envoyes a:hover *, #msg_recus a:hover *, #msg_envoyes a:hover, #msg_recus a:hover {
	background-color : #EEFFEE;
}

.msg_date, .msg_pseudo, .msg_titre, .msg_action {
	text-indent : 0px;
	display : block;
	float : left;
}

.msg_pseudo, .msg_action {
	width : 100px;
}

.msg_date {
	width : 120px;
}

.msg_titre {
	width : 350px;
}

.msg_action a {
	color : #000066;
	text-align : center;
}

input.long {
	width : 100%;
}

#detail_message {
	padding : 10px;
}

#detail_message label, #detail_message span {
	display : block;
	float : left;
}

#detail_message br {
	display : block;
	clear : left;
}

#detail_message label {
	font-weight : bold;
	width : 100px;
}

.msgD_message {
	clear : left;
	text-indent : 0px;
}

.msgD_message img {
	vertical-align : top;
}

#detail_message * {
	margin-bottom : 10px;
}

.nv_msg {
	display : block;
	float : right;
	width : 30px;
	height : 21px;
	background-image : url("/_images/nv_msg.gif");
	background-repeat : no-repeat;
	margin-right : 5px;
}

a.nv_msg:hover {
	text-decoration : none;
}

.msg {
	display : block;
	float : right;
	width : 30px;
	height : 21px;
	background-image : url("/_images/msg.png");
	background-repeat : no-repeat;
	margin-right : 5px;
}

a.msg:hover {
	text-decoration : none;
}

#if_msg_envoyes, #if_msg_recus {
	width : 100%;
	border : 1px solid #000000;
}

.msg_img {
	display : block;
	float : left;
	width : 16px;
	height : 16px;
	margin-right : 2px;
}

.lu {
	background-image : url("/_images/lu.png");
	background-repeat : no-repeat;
}

.pas_lu {
	background-image : url("/_images/pas_lu.png");
	background-repeat : no-repeat;
}

.displayNone {
	display : none;
}

.displayBlock {
	display : block;
}

.image_flotante {
	display : block;
	float : left;
	margin-right : 10px;
}

hr.clearLeft {
	clear : left;
}

#BO_liste_emot {
	text-indent : 0px;
}

#BO_liste_emot .code {
	display : block;
	float : left;
	width : 200px;
	line-height : 30px;
}

#BO_liste_emot .V1 {
	display : block;
	float : left;
	width : 100px;
	line-height : 30px;
}

#BO_liste_emot .V2 {
	display : block;
	float : left;
	width : 100px;
	line-height : 30px;
}

#BO_liste_emot br {
	clear : left;
}

.sondage {
	text-align : left;
	font-size : 10px;
}

.sondageLib {
	display : block;
	clear : right;
	margin-bottom : 5px;
	width : 100%;
}

.sondageQ {
	display : block;
	float : left;
	clear : both;
	width : 100%;
}

.sondageQ label {
	vertical-align : middle;
}

.sondageBt {
	display : block;
	clear : both;
	width : 85%;
	margin-left : 7%;
	margin-bottom : 15px;
}

.radio {
	background : none;
	border : none;
	width : 10px;
}

#contenu a.discret {
	color : #999;
	font-size : 10px;
	font-weight : normal;
}