﻿body 
{
	margin:0px;
	margin-bottom:20px;
	background-color:Orange;
	min-width:1000px;
	height:80%; /* Car bug sous IE 6*/
	font-family:Arial;
	font-size:10pt;
}

a
{
	color:Blue;
}

blockquote,
#mail_viewer #mail_body blockquote
{
	padding-right: 0px;
	padding-left: 5px;
	margin-left: 5px;
	border-left: #000000 2px solid;
	margin-right: 0px;
}

input
{
  vertical-align: middle;
  border: 1px solid #005376;
  margin: 4px;
}

input:hover,
input:focus
{
  border: 1px solid #d4823c;
}

fieldset legend
{
	color:Blue;
}

#contenu
{
	margin:5px;
	margin-top:10px;
}

/* Mise en forme des messages d'erreur */

#msg_err,
#msg_txt
{
	background-color:#FFFFCC;
	position:fixed;
	left:600px;
	top:0px;
	padding:0px;
}

#msg_err
{
	color:Red;
}

#msg_txt
{
	color:Green;
}


/* Mise en forme de la page login */
#login
{
	background-color:White;
	border-style:solid;
	border-color:Black;
	border-width:1px;
	padding:0px;
	margin-top:30px;
	width:400px;
}

#login img
{
	vertical-align:middle;
}

#login h1
{
	text-align:left;
	background-color:Orange;
	color:White;
	font-size:18pt;
	font-weight:normal;
	
	padding:1px;
	padding-left:10px;
	margin:0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:Black;
}

#login label
{
	margin-top:20px;
	margin-right:5px;
	font-weight:bold;
	display: block;
	width: 150px;
	float: left;
	text-align:right;
}

#login input
{
	margin-top:20px;
}

#login hr
{
	border-style:solid;
	border-width:1px;
	border-color:Black;
	margin-right:20px;
	margin-left:20px;
}

#login p
{
	text-align:center;
	margin:10px;
}

/* Mise en forme du logo */
#logo
{
	/*
	border-top-style:solid;
	border-bottom-style:solid;
	border-right-style:solid;
	border-color:Black;
	border-width:1px;
	margin:0px;
	margin-top:5px;
	background-color:White;
	width:500px;
*/
}

#logo img
{
	border-style:none;
}

/* Mise en forme du l'en-tête */
#en_tete
{
	background-color:White;
	border-bottom-style:solid;
	border-bottom-color:Black;
	border-bottom-width:1px;
	margin:0px;
	padding:1px;
	padding-left:10px;
	padding-right:10px;
}

#en_tete img
{
	border-style:none;
	vertical-align:middle;
	margin-right:5px;
	width:23px;
	background-color:White; /* Car bug avec fire fox*/
}

#en_tete p
{
	clear:both;
	text-align:center;
	margin:1px;
	padding:0px;
	border-top-style:solid;
	border-top-color:Black;
	border-top-width:1px;
}

#en_tete label
{
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
}

#en_tete #infos
{
	float:left;
}
#en_tete #right_links
{
	float:right;
}

/* Mise en forme du menu */
#menus
{
	float:left;
	margin:0px;
	padding:0px;
}

.menu
{
	margin:5px;
	margin-left:0px;
	padding:5px;
	width:220px;
	background-color:White;
	border-style:solid;
	border-left-style:none;
	border-color:Black;
	border-width:1px;
}

.menu ul
{
	list-style-type:none;
	padding:0px;
	margin:0px
}

.menu li
{
	margin:10px;
}

.menu img
{
	border-style:none;
	vertical-align:middle;
	margin-right:5px;
	text-decoration:none;
	background-color:White;	/* Car bug avec FireFox */
}

.menu h1
{
	font-size:12pt;
}

#menu_user_folders ul
{
	margin-left:25px;
}

/* Mise en forme du corps de page*/
#corps
{
	padding:0px;
	margin:5px;
	margin-left:240px;
}

/* Mise en forme des mails */
.mail
{
	background-color: #FFCC66;
	padding:5px;
	border-style:solid;
	border-color:Black;
	border-width:1px;
}

.mail pre
{
	font-family:Arial;
	font-size:10pt;
}

.mail label
{
	font-weight:bold;
	text-align:right;
	display: block;
	width: 50px;
	float: left;
	margin-right:10px;
}

#mail_viewer #mail_body
{
	background-color:White;
	padding:10px;
	padding-bottom:100px;
	margin:5px;
}

#mail_edit #mail_headers input,
#mail_edit #mail_headers textarea
{
	width:90%;
}

#mail_edit #mail_headers textarea
{
	font-family:Arial;
	font-size:10pt;
}

#mail_edit #attachment input
{
	border-style:none;
}

#mail_edit #attachment label
{	
	font-weight:normal;
	text-align:left;
	display: inline;
	width: auto;
	float: none;
	margin-right:auto;
}

/* Mise en forme de la liste des groupes */
#groupe_list
{
	float:left;
	border-style:solid;
	border-color:Black;
	border-width:1px;
	padding:2px;
	background-color:White;
	width:200px;
	text-align:center;
}

#groupe_list ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	border-bottom:solid 2px #666666;
}

#groupe_list li
{
	padding:5px;
}

#groupe_list .selected
{
	background-color:#FFCC66;
	font-weight:bold;
}


/* Mise en forme de la liste des mails*/
/* Mise en forme de la liste des contacts*/
/* Mise en forme de la liste des dossiers */
#contact_list
{
	margin-left:205px;
}

#contact_list .no_border input
{
	border-style:none;
}

#folder_list,
#contact_list,
#mail_list
{
	border-style:solid;
	border-color:Black;
	border-width:1px;
}

#folder_list,
#contact_list
{
	background-color:White;
	padding:20px;
}

#mail_list table
{
	width:99%; /*Pas 100% car bug sous IE 6*/
}

#contact_list table,
#contact_list th,
#contact_list td,
#mail_list table,
#mail_list th,
#mail_list td,
#mail_list input
{
	border-style:none;
}

#contact_list table
{
	padding:0px;
}

#contact_list th,
#contact_list td
{
	padding:5px;
	padding-left:20px;
	padding-right:20px;
}

#contact_list .pager,
#mail_list .pager,
#mail_list .header
{
	font-weight:bold;
	text-align:center;
	background-color:#FF9900;
}

#contact_list .header
{
	background-color:White;
}

#contact_list .row,
#mail_list .row
{
	background-color:#FFCC66;
}

#contact_list .alternating_row,
#mail_list .alternating_row
{
	background-color:White;
}

#contact_list .pager td
{
	padding:0px;
	margin:0px;
}

#current_folder
{
	font-size:16pt;
	color:White;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	background-color:Orange;
}

#current_folder img
{
	margin-right:20px;
	vertical-align:middle;
}

/* Mise en forme de la barre d'outils*/

.tool_bar
{
	background-color:White;
	border-style:solid;
	border-color:Black;
	border-width:1px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}

.tool_bar a
{
	margin:4px;
}

/* Mise en forme de l'arborescence */
#folder_list
{
	padding-bottom:50px;
}

#folder_view
{
	margin-top:21px;
	margin-right:10px;
	float:left;
}

#folder_view ul
{
	margin-top:0px;
}

#folder_view li
{
	margin:0px;
	padding:0px;
}

#folder_grid_view td
{
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
}

#folder_grid_view table,
#folder_grid_view td,
#folder_grid_view th
{
	border-style:none;
}

/* Mise en forme de l'aide */
/* Mise en forme des parametre */
#user_parameters label
{
	font-weight:bold;
	text-align:right;
	display: block;
	width: 155px;
	float: left;
	margin-right:10px;
}
#help,
#user_parameters
{
	background-color:White;
	border-style:solid;
	border-color:Black;
	border-width:1px;
	padding:25px;
}

#help h1
{
	background-color:#FFCC66;
}

#help h2
{
	padding:0px;
	margin:0px;
}

#help img
{
	background-color:White; /* Car bug transparence png avec IE6*/
}

#help ul
{
	list-style-type:none;
}

#help li
{
	background-image: url("images/help/puce_aide.png");
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding:20px;
	padding-left: 60px;
}

#help ul ul
{
	list-style-image:none;
	list-style-type:decimal;
}

#help li li
{
		background-image:none;
		padding:0px;
}

#help blockquote
{
	border-style:none;
	background-color:#FFFFCC;
	color:Red;
}

#help p
{
	text-indent:20px;
}

/* Mise en forme des "fausses" popup */

.mask
{
	min-width:1000px;
	background-color:Orange;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
}

.popup
{
	border-style:solid;
	border-color:Black;
	border-width:2px;
	padding:20px;
	padding-left:30px;
	padding-right:30px;
	background-color:White;
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	text-align:center;
	position:absolute;
	top:200px;
	left:400px;
	min-width:300px;
}

/* Mise en forme des boutons */
.bt_receive,
.bt_trash,
.bt_edit,
.bt_contact,
.bt_groupe,
.bt_move,
.bt_save,
.bt_add,
.bt_search
{
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 20px;
}

.bt_receive
{
	background-image: url("images/button/MailSendReceive.png");
	padding-left: 25px;
}

.bt_trash
{
	background-image: url("images/button/Trash.gif");
}

.bt_edit
{
	background-image: url("images/button/Pencil.gif");
}

.bt_contact
{
	background-image: url("images/button/Person.gif");
	padding-left: 28px;
}

.bt_groupe
{
	background-image: url("images/button/People.gif");
	padding-left: 28px;
}

.bt_move
{
	background-image: url("images/button/MoveArrow.gif");
}

.bt_save
{
	background-image: url("images/button/Save.gif");
}

.bt_add
{
	background-image: url("images/button/Plus.gif");
}

.bt_search
{
	background-image: url("images/button/SearchIcon.png");
}