/* ---------------------------------------------------- */
/*    STYLES FOR WEBMAIL            			*/
/*    By Le Studio, Atos Worldline, 2005				*/
/* ---------------------------------------------------- */

/*
	protection de la lecture d'un mail
	on reinitialise l'ensemble des styles css
*/
*#message ADDRESS,*#message BLOCKQUOTE,*#message BODY,*#message DD,*#message DIV,
*#message DL,*#message DT,*#message FIELDSET,*#message FORM,*#message FRAME,*#message FRAMESET,
*#message H1,*#message H2,*#message H3,*#message H4,*#message H5,*#message H6,*#message IFRAME,
*#message NOFRAMES,*#message OL,*#message P,*#message UL,*#message CENTER,*#message DIR,
*#message HR,*#message MENU,*#message PRE   { 
	display: block ;
}
*#message OBJECT,*#message APPLET  { display: inline; }
*#message LI              { display: list-item; }
*#message HEAD            { display: none; }
*#message TABLE           { display: table; }
*#message TR              { display: table-row; }
*#message THEAD           { display: table-header-group; }
*#message TBODY           { display: table-row-group; }
*#message TFOOT           { display: table-footer-group; }
*#message COL             { display: table-column; }
*#message COLGROUP        { display: table-column-group; }
*#message TD,*#message TH          { display: table-cell; }
*#message CAPTION         { display: table-caption ;}
*#message TH              { font-weight: bolder; text-align: center; }
*#message CAPTION         { text-align: center; }
*#message BODY            { padding: 8px; line-height: 1.12em; }
*#message H1              { font-size: 2em; margin: .67em 0; }
*#message H2              { font-size: 1.5em; margin: .83em 0; }
*#message H3              { font-size: 1.17em; margin: 1em 0; }
*#message H4,*#message P,*#message BLOCKQUOTE,*#message UL,
*#message FIELDSET,*#message FORM,*#message OL,*#message DL,
*#message DIR,*#message MENU            { margin: 1.33em 0; }
*#message H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0; }
*#message H6              { font-size: .67em; margin: 2.33em 0; }
*#message H1,*#message H2,*#message H3,*#message H4,
*#message H5,*#message H6,*#message B,
*#message STRONG          { font-weight: bolder; }
*#message BLOCKQUOTE      { margin-left: 40px; margin-right: 40px; }
*#message I,*#message CITE,*#message EM,*#message VAR,
*#message ADDRESS    { font-style: italic; }
*#message PRE,*#message TT,*#message CODE,*#message KBD,
*#message SAMP       { font-family: monospace; }
*#message PRE             { white-space: pre; }
*#message BIG             { font-size: 1.17em; }
*#message SMALL,*#message SUB,*#message SUP { font-size: .83em ;}
*#message SUB             { vertical-align: sub; }
*#message SUP             { vertical-align: super; }
*#message S,*#message STRIKE,*#message DEL  { text-decoration: line-through; }
*#message HR              { border: 1px inset; }
*#message OL,*#message UL,*#message DIR,*#message MENU,
*#message DD        { margin-left: 40px; }
*#message OL              { list-style-type: decimal; }
*#message OL UL,*#message UL OL,*#message UL UL,
*#message OL OL    { margin-top: 0; margin-bottom: 0; }
*#message U,*#message INS          { text-decoration: underline; }
*#message CENTER          { text-align: center; }


/* --------------- VALEURS PAR DEFAUT ----------------- */

body, div, form, ul, li, td, textarea, input {
	/* Sens de lecture 
		de gauche a droite : ltr
		de droite a gauche : rtl
	*/
	direction: ltr;
}

body {
	width: 100%;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #000;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
}

a, a:link, a:visited, a:active {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #6c4934;
	text-decoration: none;
}

p {
	margin: 0;
	font-size: 12px;
}

td {
	font-size: 11px;
}

img {
	border: 0;
}

ul {
	margin: 0;
	padding: 0
}

li {
	margin: 0;
	padding: 0
}

.milieu {
	vertical-align: middle;
	background-position: center;
}

.centre {
	text-align: center;
}

#centre {
	text-align: center;
}

/*------------------- FORM VALEUR PAR DEFAUT -----------------------------*/

select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: #000000;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px
} 

input {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
	padding-left: 3px;
}


.inputlist {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
	margin: 1px;
	padding-left: 3px;
    border-top: 1px solid #6c4934; 
	border-bottom: 1px solid #000; 
	border-left: 1px solid #6c4934; 
	border-right: 1px solid #000;
}

.inputlistSelect {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
	margin: -1px;
	padding-left: 3px;
    border-top: 1px solid #6c4934; 
	border-bottom: 1px solid #000; 
	border-left: 1px solid #6c4934; 
	border-right: 1px solid #000;
}

/* --------------- STYLES, TRAITS ----------------- */
.fdtab {
	background: #D1D1D1;
}

.txtgras {
	font-weight: bold
}

.txtgrasU{
	font-weight: bold;
	text-transform: uppercase;
	
	}

.fdneutre {
	background: #FFF;
}

a.txtnoir {
	color : #000000;
}

/* --------------- STRUCTURE ----------------- */

#page {

	min-width: 950px;
	margin: 0;
	width: 100%;
	_width: 1003px; 
}

/* --------------- LOGIN ----------------- */

#login {
    position: relative;
    top: 200px;
 	width: 100%;
	border-top: 6px solid #6c4934;
	border-bottom: 6px solid #6c4934;
}

#loginDarty {
    position: relative;
    top: 30px;
 	width: 100%;
	border-top: 6px solid #6c4934;
	border-bottom: 6px solid #6c4934;
}

#autopromo{
	position: relative;
    top: 14px;
		
	}

#welcomePicture {
	position: absolute;
    top: 45px;
}

#warningMessage {
	position: relative;
    top: 220px;
    color: #000000;
}

/* --------------- HAUT DE PAGE ----------------- */

#haut {
 	width: 100%;
	height: 36px;
	padding: 0;
	margin-bottom: 15px;
	background: #6C4934 url(../graphics/logo.gif) no-repeat left;
	color: #FFFFFF;
}

#espace {
    float: right;
	width: 130px;
	padding: 0;
	color: #FFF;
}




#languageFlags {
	float: right;
    width: 50px;
    padding: 0;
    color: #FFF;
    margin-top:5px;
    text-transform: uppercase;
}

#languageFlags a, #languageFlags a:visited {
	color: white;
}

#languageFlags a:hover {
	color: white;
}

#headTitle {
	margin-left: 150px;
	margin-top:5px;
	position : absolute;
	font-weight: bold;
	font-size: 20px;
	color: #FFF;
}

#img_logo {
	float:left;
	margin-left: 0px;
}

.fdutilise {
	background: #AE1017;
}

.fdnutilise {
	background: #67CC7E;
}	

.haut2 {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	margin-right: 0;
}

/* --------------- NAV gauche ----------------- */

#nav {
	float: left;
	width: 161px;
	padding: 0;
	margin-right: 14px;
	background: #FFF;
	list-style: none;
}
	
.niveau1 {
    height: 16px;
	width: 137px;
	text-align: center;
    font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 2px 10px;
	padding: 3px 4px 2px 0;
	background: #6C4934;
	list-style: none;
}   

.niveau2 {
	width: 145px;
	font-size: 11px;
	color: #6c4934;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	margin-right: 0;
	list-style: none;
	white-space:nowrap;
}

.niveau3 {
	width: 139px;
	font-size: 12px;
	color: #6c4934;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	margin-right: 0;
	padding-right: 0;
	list-style: none;
}   
	
.niveau1 a, .niveau1 a:link, .niveau1 a:visited, .niveau1 a:active, .niveau1 a:hover {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
	
.niveau2 a, .niveau2 a:link, .niveau2 a:visited, .niveau2 a:active, .niveau2 a:hover {
	font-size: 11px;
	color: #6c4934;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

.niveau3 a, .niveau3 a:link, .niveau3 a:visited, .niveau3 a:active, .niveau3 a:hover {
	font-size: 11px;
	color: #6c4934;
	text-decoration: none;
	font-weight: normal;
}
	
/* --------------- Bloc corps ----------------- */

#corps {
	float: left;
	width: 81%;
	height: 560px;
	padding: 0;
	margin: 0;
}


/* --------------- Bloc titre ----------------- */

#titre {
	width: 100%;
	height: 20px;
	font-size: 12px;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
}

#nom {
    float: left;
	color: #4D2F1F;
	font-weight: bold;
	margin: 2px 0 2px 5px;
}

#detail {
    float: right;
	color: #000000;
	font-weight: bold;
	margin: 2px 5px 2px 0;
	padding-left: 5px;
}

#boutont {
    float: right;
	background: #FFF;
	padding: 0 0 2px 0;
}
	
/* --------------- Boutons ----------------- */

.bouton {
    float: left;
    height: 18px;
	margin: 0 5px;
    padding: 0 6px 0 0;
	background: #6C4934 url(../graphics/bt_bordd.gif) right no-repeat;
}

a.bouton, a.bouton:link, a.bouton:visited, a.bouton:active {
    height: 19px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

a.bouton:hover {
    height: 19px;
	color: #FFFFFF;
 }		

/* --------------- Bloc boutons ----------------- */

#blocb{
	width: 100%;
	height: 24px;
	padding: 0;
	margin: 8px 0 0 0;
}

#blocb li {
	margin: 0;
	display: inline;
}

/* --------------- Bloc action ----------------- */

#bloca{
	width: 100%;
	height: 25px;
	padding: 0;
	margin: 3px 0 0 0;
}

#bloca li {
    margin: 0 ;
	padding: 0;
    display: inline;
}

#bloca td {
    white-space: nowrap;
}

.action {
    float: left;
	margin: 0;
    padding: 0;
	background: url(../graphics/fd_action.gif) repeat-x;
}
	
a.action, a.action:link, a.action:visited, a.action:active {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

a.action:hover {
    color: #6c4934;
}

#pop1 {
    margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 174px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop2 {
	margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 252px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop3 {
	margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 415px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop4 {
	margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 337px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop5 {
	margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 175px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}
	
#pop6 {
    margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 564px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop7 {
    margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 487px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop8 {
    margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 243px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop9 {
    margin: 1px;
	padding: 5px;
	border: 2px solid #6c4934;
	Z-INDEX: 500;
	background: #FFF ;
	left: 455px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}

#pop10 {
    margin: 1px;
	padding: 5px;
	border: 2px solid #3190CA;
	Z-INDEX: 500;
	background: #FFF ;
	left: 455px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	display: none;
}


.pop {
    float: left;
	margin: 0;
    padding: 0;
	background: url(../graphics/fd_action.gif) repeat-x;
}

.popa {
    margin: 0;
    padding: 0;
    background: url(../graphics/fd_action.gif);
    float: left;
}

a.popa, a.popa:link, a.popa:visited, a.popa:active {
    font-size: 11px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
}

a.popa:hover {
    color: #6c4934;
}

a.pop, a.pop:link, a.pop:visited, a.pop:active {
	font-size: 11px;
	color: #4D2F1F;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

a.pop:hover {
    color: #4D2F1F;
}

a.dpop, a.dpop:link, a.dpop:visited, a.dpop:active {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	text-transform: lowercase;
	list-style: none;
}

a.dpop:hover {
	color: #6c4934;
	text-transform: lowercase;
}

.composecheck{
	background-color: #DED6D1;
}

/* --------------- Bloc interieur ----------------- */

#titreint {
	overflow: hidden;
	width: 99.25%;
	height: 22px;
	font-size: 12px;
	background: #D1D1D1;
	padding: 0;
	margin-top: 4px;
}

#titreint2 {
	overflow: hidden;
	width: 622px;
	height: 22px;
	font-size: 12px;
	background: #D1D1D1;
	padding: 0;
	margin-top: 4px;
}

#titreintcal {
	overflow: hidden;
	width: 99.25%;
	height: 22px;
	font-size: 12px;
	background: #D1D1D1;
	padding: 0;
}

#titreintim {
	overflow: hidden;
	width: 500px;
	height: 22px;
	font-size: 12px;
	background: #D1D1D1;
	padding: 0;
	margin-top: 4px;
}

#partagemon {
	overflow: hidden;
	width: 99.25%;
	height: 22px;
	font-size: 12px;
	background: #D1D1D1;
	padding: 0;
}

#agendapart {
	overflow: hidden;
	width: 99.25%;
	height: 22px;
	font-size: 12px;
	background: #D1D1D1;
	padding: 0;
}

a.tit, a.tit:link, a.tit:visited, a.tit:active {
    font-size: 11px;
	color: #FFF;
	text-decoration: underline;
	font-weight: normal;
	text-transform: uppercase;
}

a.tit:hover {
    color: #000;
}

#nomint {
    float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 3px 0 0 5px;
}

#nomintagenda {
    float:left;
    color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 3px;
	margin-left: 5px;
	width:244px;
	font-size:12px;
}

#msgparpage {
  	float: right;
	color: #FFF;
	width: 280px;
	height: 20px;
	padding: 0 0 2px 0;
	margin: 3px 0 0 5px;
}
	
#suivprec {
    float: right;
	width: 200px;
	padding: 0 0 1px 0;
	margin: 3px 0 0 5px;
	color: #FFF;
	font-weight: bold;
}

#agendate {
    float: right;
	width: 368px;
	padding: 0 0 2px 0;
	margin-top: 3px;
	color: #FFF;
	font-weight: bold;
	text-align: right;
}

/* --------------- Bloc message ----------------- */

#blocmess {
	float: left;
	width: 99%;
	height: 208px;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	overflow-y: auto;  
	overflow-x : hidden;
}

#blocmess2 {
	float: left;
	height: 208px;
	width: 400px;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	overflow-y: auto;  
	overflow-x : hidden;
	background-color: #DED6D1;
}

#entete {
	float: left;
	width: 99%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6C4934;
}

.fdreception {
    background: #DED6D1;
    color: #4D2F1F;
	font-weight: bold;
}
			  
.fdtabreception {
	background: #DED6D1
}

.fdtabreception td {
	color: black
}

#blocapercu {
	float: left;
	width: 99%;
	height: 234px;
	padding: 0;
	margin: 0 2px 0 0;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}

.fdaprecu {
    background: #DED6D1;
}

#liremess {
	float: left;
	width: 99%;
	height: 400px;
	padding: 0;
	margin: 0 2px 0 0;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}
	
#liremessprint {
	float: left;
	width: 99%;
	padding: 0;
	margin: 0 2px 0 0;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}

#ecriremess {
	float: left;
	width: 99%;
	height: 280px;
	padding: 0;
	margin: 0 2px 0 0;
	border-right: 3px solid #6C4934;
	border-bottom: 3px solid #6C4934;
	border-left: 3px solid #6C4934;
}
	
.txtmail {
	/*font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;*/
}

#blocparam {
	width: 99%;
	padding: 0;
	margin: 0;
	background: #FEF4EB;
}
	
#options {
	width: 100%;
	padding: 0;
	margin: 0;
}

.tdmailitens {
	white-space: nowrap;
}

.recipientSearchLinks {
	text-decoration: underline;
}

#previewMails {
	width: 100%;
	_width: 99.25%;
}

/* --------------- Bloc agenda ----------------- */
#intagenda {
    float: left;
	width: 78%;
	height: 476px;
}

#agendasolo {
    float: left;
	width: 100%;
	height: 476px;
}

#visuagenda {
    float: left;
    width: 99%;
	height: 444px;
	padding: 0;
	margin: 2px 0 0 0;
	border: 3px solid #6c4934;
}

#fdate { 
    margin: 0;
	padding: 0;
	background-repeat: repeat-y;
}

.printCalWeek {
	BACKGROUND-COLOR: #DED6D1;
	font-weight: bold;
}

.printCalHour {
	BACKGROUND-COLOR: #6C4934;
	text-align: right;
	font-weight: bold;
}

.printCalHourBis {
	BACKGROUND-COLOR: #6C4934;
	border-bottom: 1px solid #6c4934;
	text-align: right;
	font-weight: bold;
}

.printCalDay {
	BACKGROUND-COLOR: #DED6D1;
	border-right: 1px solid #6c4934;
	border-bottom: 1px solid #6c4934;
}

.printCalMin {
	BACKGROUND-COLOR: #DED6D1;
}

.printCalMinFirst {
	border-bottom: 1px solid #FFFFFF; 
	border-right: 1px solid #6c4934;
}

.printCalMinLast {
	border-bottom: 1px solid #6c4934; 
	border-right: 1px solid #6c4934;
}

.sepCalLeft {
	border-left: 1px solid #6c4934;
}

.sepright {
	border-right: 1px solid #6c4934;
}

.printCalMonth {
	BACKGROUND-COLOR: #DED6D1;
}

.sepCalMonth {
	border-bottom: 1px solid #6c4934;
}

.selectTimeZone {
	BACKGROUND-COLOR: #FF6500;
}

.sepfort {
	BACKGROUND-COLOR: #6c4934;
}

.sepleger {
	border-bottom: 1px solid #DED6D1;
}

.sepforthour {
	border-bottom: 1px solid #6c4934;;
}

a.nl, a.nl:link, a.nl:visited, a.nl:active { font-weight: normal; }

.alpha {
	color: #6c4934;
    font-size: 12px;
	text-transform: uppercase;
	margin: 0 2px;
}

a.alpha, a.alpha:link, a.alpha:visited, a.alpha:active {
	font-size: 12px;
	color:#000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
} 
	
a.alpha:hover{
    color: #6c4934;
}

.titleEventOption {
	background-color: #6c4934;
	color:white;
	font-weight:bold;
}

/* --------------- Bloc calendrier ----------------- */

#blocalend {
	float: right;
	width: 160px;
	height: 473px;
	padding: 0;
	margin: 3px 2px 0 0;
}

#calend {
	width: 159px;
	padding: 0;
	margin: 0;
	border: 1px solid;
}

#calend td {
	font-size: 11px;
}

.titcalend {
	height: 20px;
	background: #000;
    color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 3px;
	margin: 0;
}

#td-calendrier-mois-an {
	cursor: pointer;	
}

#tabcalend {
	text-align: center;
}
	
.fdcalend {
	background: #C5C5C5;
    color: #FFF;
	font-size: 10px;
}

.week {
	color: #6C4934;
	text-align:center;
}

.jour {
	text-align:center;
	cursor:pointer;
}

.jourhorsmois {
	text-align:center;
	color: #808080;
	font-style:italic;
	cursor:pointer;
}

.jourj {
	border: 1px solid #FF6305;
	text-align:center;
	cursor:pointer;
}

.jourferie {
	text-align:center;
	cursor:pointer;
	font-weight: bold;
}

a.jour, a.jour:link, a.jour:visited, a.jour:active, a.jour:hover{
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

a.week, a.week:link, a.week:visited, a.week:active, a.week:hover{
	font-size: 10px;
	color: #FF6305;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

.jourj {
	border: 1px solid #FF6305;
}

#arapide {
	width: 156px;
	padding: 0;
	margin-top: 5px;
	border: 3px solid #6c4934;
}

#arapide td {
	font-size: 10px;
}

#titarapide {
	width: 100%;
	height: 20px;
	background: #6c4934;
    color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 3px;
	margin: 0;
}

#orange {
	width: 100%;
	height: 20px;
	background: #000000;
    color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding-top: 3px;
	margin: 0;
}

.inputdate {
	font-size: 10px; 
	color: #000000;
	padding-left: 1px;
	width: 16px;
	border-top: 1px solid #6c4934; 
	border-bottom: 1px solid #223F82; 
	border-left: 1px solid #6c4934; 
	border-right: 1px solid #223F82;
}

.inputdateAnnee {
	font-size: 10px; 
	color: #000000;
	padding-left: 1px;
	width: 28px;
	border-top: 1px solid #6c4934; 
	border-bottom: 1px solid #223F82; 
	border-left: 1px solid #6c4934; 
	border-right: 1px solid #223F82;
}

.inputit {
	font-size: 10px; 
	color: #000000;
	padding-left: 2px;
	width: 83px;
	border-top: 1px solid #6c4934; 
	border-bottom: 1px solid #223F82; 
	border-left: 1px solid #6c4934; 
	border-right: 1px solid #223F82;
}

a.detail, a.detail:link, a.detail:visited, a.detail:active, a.detail:hover{
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
	
/* --------------- Bloc popup ----------------- */

#popup {
	padding: 20px;
	margin: 0;
}

/* --------------- Bloc carnet d'adresses et taches ----------------- */

#blocarnet {
	float: left;
	/*width: 806px;*/
	width: 99.25%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	overflow-y: auto;  
	overflow-x : hidden;
}

#bloctaches {
	float: left;
	/*width: 806px;*/
	width: 99.25%;
	height: 198px;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	overflow-y: auto;  
	overflow-x : hidden; 
}

#bloctaches2 {
	float: left;
	/*width: 806px;*/
	width: 99.25%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
}

#blocarnet3, #lstcptsec {
	float: left;
	/*width: 800px;*/
	width: 99.25%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	height: 225px;
		overflow-y: auto;  
}

#apercucarnet {
  	float: left;
	/*width: 574px;*/
	width: 69%;
	height: 244px;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}

#bloctachestrans {
	float: left;
	/*width: 806px;*/
	width: 99.25%;
	height: 450px;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	overflow-y: auto;  
	overflow-x : hidden;
}

#bloclisttaches { 
	float: left;
	height: 208px;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	width: 806px;
	overflow-y: auto;  
	overflow-x : hidden;
}

#apercudiffusion, #apercutache, #apercutacheas {
  float: left;
	height: 234px;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}

#apercutache {
		/*width: 574px;*/
	width: 69%;
}

#apercudiffusion, #apercutacheas {
	/*width: 806px;*/
	width: 99.25%;
}

#ajoutcarnet {
  	float: right;
	width: 220px;
	height: 240px;
	padding: 0;
	margin: 4px 0 0 0;
	border-left: 3px solid #6c4934;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
}

#ajouttache {
  	float: right;
	width: 220px;
	height: 229px;
	padding: 0;
	margin: 5px 0 0 0;
	border-left: 3px solid #6c4934;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
}

	
#ajoutcarnet td {font-size: 10px;}

#titajoutcarnet, #titajouttache {
	width: 100%;
	background: #6c4934;
  	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 0;
	margin: 0;
}

SELECT.selectcontact {
	WIDTH: 150px;
	padding-left: 3px;
	font-size: 11px;
}

a.lien, a.lien:link, a.lien:visited, a.lien:active {
	font-size: 10px;
	color: #000;
	text-decoration: underline;
	text-transform: uppercase;
} 
	
a.lien:hover{
    color: #6c4934;
}

#blocarnet2 {
	float: left;
	width: 99%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	height: 408px;
	overflow-y: auto;  
	overflow-x : hidden;
}

.previewColumn {
	text-align:right;
	width: 100px;
}

/* --------------- Bloc WebDAV ----------------- */

#blocwebfolder {
	float: left;
	width: 99%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
	height: 500px;
}

#treefolder {
	position:absolute;
	float: left;
	width: 184px;
	border-right: 1px solid #3190CA;
	padding: 0;
	margin-right: 14px;
	background: #FFF;
	list-style: none;
	height: 500px;
	overflow-y: auto;  
	overflow-x : auto; 
}
#folder {
	position:relative;
	left: 184px;
	width: 81.65%;
	border-left: 1px solid #3190CA;
	height: 100%;
	overflow-y: hidden;  
	overflow-x : auto; 
}

#treefolderdiv {
	width: 184px;
	height: 500px;
	background: #FFF;
	border-right: 1px solid #3190CA;
	padding: 0;
	list-style: none;
	overflow-y: scroll;  
	overflow-x : scroll; 
}

#webfolderdiv{
	left: 184px;
	border-left: 1px solid #3190CA;
	overflow-y: hidden;  
	overflow-x : auto; 
	height: 500px;
}

.nowrap{
	white-space: nowrap;
}



/* --------------- Bloc dTree ----------------- */

.dtree {
	width: 144px;
	font-size: 11px;
	color: #6c4934;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	margin-right: 0;
	padding-right: 0;
	list-style: none;
	white-space: nowrap;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}

.dtree a {
	color: #333;
	text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	font-size: 11px;
	color: #6c4934;
	text-decoration: none;
	font-weight: normal;
}

.dtree a.nodeSel {
	background-color: #FFFFFF;
}

.dtree .clip {
	overflow: hidden;
}

/* --------------- Bloc annuaire ----------------- */

#blocannu {
	float: left;
	width: 99%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
}
	
#blocaannu {
	float: left;
	width: 99%;
	height: 260px;
	padding: 0;
	margin: 0 2px 0 0;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}

/* --------------- Bloc annuaire ----------------- */

#blocgestion {
	float: left;
	width: 99%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
}
	
#blocadossier {
	float: left;
	width: 99%;
	padding: 0;
	margin: 0 2px 0 0;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}
	
/* --------------- Rubrique preferences ----------------- */
/* styles communs */
.titfrmpref {
	height: 16px;
	padding: 2px 5px;
	margin: 5px;
  	background: #DED6D1;
  	color: #4D2F1F;
	font-weight: bold;
}
	
.titpref {
	height: 16px;
	padding: 2px 5px;
  	background: #DED6D1;
  	color: #000000;
	font-weight: bold;
}

/* BLOCS */
#preferencesBloc {
	float: left;
	width: 99%;
	height: 444px;
	padding: 0;
	margin: 2px 0 0 0;
	border: 3px solid #6c4934;
	overflow-y: auto;  
	overflow-x : hidden;
}

#nomaffiche, #motpasse, #prefmess, #antispam, #redirect, #preferencesBloc {
  	float: left;
  	width: 99%;
	height: 444px;
	padding: 0;
	margin: 2px 0 0 0;
	border: 3px solid #6c4934;
}

#lstdeleg, #frmlstverte, #lstfiltres, #lstcouleurs  {
	float: left;
	width: 99%;
	height: 208px;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
}

#lstcomptes {
	float: left;
	width: 99%;
	height: 170px;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
}

#frmdeleg, #lstverte, #frmfiltre, #frmcouleur {
  	float: left;
	width: 99%;
	height: 229px;
	padding: 0;
	margin: 5px 0 0 0;
	border: 3px solid #6c4934;
	text-align: center;
}

#frmcompte {
  	float: left;
	width: 99%;
	height: 250px;
	padding: 0;
	margin: 5px 0 0 0;
	border: 3px solid #6c4934;
	text-align: center;
}

#lstrougetit {
	width: 100%;
	font-weight: bold;
	text-align: center;
	margin: 5px 0;
}
	
#provenance {
	float: left;
	height: 410px;
	width: 49%;
	padding: 0;
	margin: 0;
	
	border-left: 3px solid #6c4934;
	
}

#contenu {
	float: right;
	height: 410px;
	width: 49%;
	padding: 0;
	margin: 0;
	
	border-right: 3px solid #6c4934;
	
	border-left: 3px solid #6c4934;
}

#provenance_contenu {
	width: 98%;
	height: 410px;
	min-width: 810px;
	border-top: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
}

/*nom affich���, mot passe, liste verte */
#nomaffiche table, #motpasse table, #frmlstverte table {
	border: 0;
	margin: 0;
}
#nomaffiche td, #motpasse td, #frmlstverte td {
	padding: 5px;
}		
/* delegations, filtre, comptes */
#titdeleg, #titfiltres, #titcomptes, #titcouleurs, #titcptsec {
	width: 100%;
	background: #6c4934;
  	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 0;
	margin: 0;
}
	
#frmdeleg table, #frmfiltre table, #frmcompte table, #frmcouleur table  {
	margin: auto;
	border: 0;
	}
#frmdeleg td, #frmfiltre td, #frmcompte td, #frmcouleur td  {
	text-align: left;
}

/* messages, antispam */	
#frmprefmess, #formAntiSpam {
	margin: 0;
}

#frmprefmess table, #formAntiSpam table {
	border: 0;
	margin-left: 30px;
	padding:0;
	width: 80%;
	border-collapse: collapse;
}

#frmprefmess2 table{
	
	margin-left: 30px;
	
	
}

#frmprefmess td, #formAntiSpam td {
	padding: 1px;
}
	
table.CTab {
	cursor:pointer;
}

td.CTab {
	cursor:pointer;
}

td.styleButton {
	cursor:pointer;
	width:21px;
}

#table_HTML_1 td {
	padding: 1px;
}

#table_HTML_2 td {
	padding: 1px;
}

/* --------------- Bloc gestion dossier ----------------- */

#blocgestion {
	float: left;
	width: 99%;
	padding: 0;
	margin: 3px 2px 0 0;
	border: 3px solid #6c4934;
}
	
#blocadossier {
	float: left;
	width: 99%;
	padding: 0;
	margin: 0 2px 0 0;
	border-right: 3px solid #6c4934;
	border-bottom: 3px solid #6c4934;
	border-left: 3px solid #6c4934;
}

.bloctotal {
	border-top: 1px solid #6c4934; 
	border-bottom: 1px solid #6c4934;
	font-weight: bold;
	background: #DED6D1;
}


/* --------------------- Liste Contacts IM --------------------- */
#roster {
    height: 40px;
	width: 137px;
	text-align: left;
	color: #000;
	text-decoration: none;
	margin: 0 0 2px 10px;
	padding: 3px 4px 2px 0;
	background: #FFF;
	list-style: none;
}

#roster a {
    font-size: 12px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	background: #FFF;
	list-style: none;
}

/* ----------------------- menu du click im -------------------- */

#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #DEE7F7;
}


/********** page email_sent.html ******************************/
table.borderTable {
	border-top: 6px solid #6c4934;
	border-bottom: 6px solid #6c4934;
}

#popupBox {
	position:absolute;
	border: 3px solid #6c4934;
	background: white;
	display:none;
}

#popupBoxTitle {
	background: #DED6D1;
	color: white;
	padding: 5px;
	font-weight:bold;
}

#popupBoxContent {
	padding: 5px;
}

#frmcptsec {
  float: left;
	width: 99.25%;
	height: 320px;
	padding: 0;
	margin: 5px 0 0 0;
	border: 3px solid #6C4934;
	text-align: center;
	overflow-y: auto;  
}
.trait {
	background-color:#3190CA;	
}

.boutonComposeGras {
	font-weight: bolder; 
	font-size: 14; 
	font-family: Times New Roman;
	text-decoration: none;
	color: black;
}

.boutonComposeGras a, .boutonComposeGras a:link, .boutonComposeGras a:visited, .boutonComposeGras a:active, .boutonComposeGras a:hover {
	font-weight: bolder; 
	font-size: 14; 
	font-family: Times New Roman;
	text-decoration: none;
	color: black;
}

.boutonComposeItalique {
	font-weight: bolder; 
	font-style: italic; 
	font-size: 14; 
	font-family: Verdana, sans-serif;
	text-decoration: none;
	color: black;
}

.boutonComposeItalique a, .boutonComposeItalique a:link, .boutonComposeItalique a:visited, .boutonComposeItalique a:active, .boutonComposeItalique a:hover {
	font-weight: bolder; 
	font-style: italic; 
	font-size: 14; 
	font-family: Verdana, sans-serif;
	text-decoration: none;
	color: black;
}

.boutonComposeSouligne {
	font-weight: bolder; 
	font-size: 14; 
	font-family: Verdana, sans-serif;
	text-decoration: underline;
	color: black;
}

.boutonComposeSouligne a, .boutonComposeSouligne a:link, .boutonComposeSouligne a:visited, .boutonComposeSouligne a:active, .boutonComposeSouligne a:hover {
	font-weight: bolder; 
	font-size: 13; 
	font-family: Times New Roman;
	text-decoration: underline;
	color: black;
}

	
div.lus{
	font-weight: 600;
}


b.lus{
		font-weight: 600;
		
	}

div.nonlus{
	font-weight: 600;

	}
b.nonlus{
	font-weight: 600;
	}	
	
tr.lus{
	background-color: #FFFFFF
	}
	
tr.nonlus{
	background-color: #FFFFFF
	}