/* Menu */
#menu .menu li a { color: #01A7D3; }

/* Sous menu */
#menu div.submenu { background-image: url('/images/submenu-msg.png'); background-color: #01A7D3; }
#menu div.submenu ul { background-image: url('/images/submenu-bottom-msg.png'); }
#menu div.submenu ul li a:hover { background-color: #01A7D3; } 
#menu div.submenu ul li a.selected, #menu div.submenu ul li a.selected:hover { background-color: white; color: #01A7D3; } 

/* Pied de page */
#footer { border-color: #01A7D3; }
a { color: #01A7D3; }

/* Boite */
fieldset.box legend { color: #01A7D3; }
input.bouton { background: url('/images/test/bouton.gif') no-repeat; border: none; color: #2a76ae; width: 116px; font-weight: bold; text-align: center; padding-left: 15px; }

/* boite mail */
#repmail { border: 1px solid #E9EAF1; list-style-type: none; margin: 0 0 10px 0; padding: 0; }
#repmail li { padding: 5px 5px 5px 22px; cursor: pointer; }
#repmail li.selected { background-color: #EEEEFF; }
#repmail .highlight { background-color: #FFFFDD; }

#inbox { background: url('/images/icons/folder.gif') no-repeat 3px center; }
#outbox { background: url('/images/icons/folder_go.gif') no-repeat 3px center; }
#trash { background: url('/images/icons/folder_delete.gif') no-repeat 3px center; }

#mailbox { border: 2px solid #E9EAF1; width: 636px; padding: 0px; float: right; }
#mreader { border: 2px solid #E9EAF1; width: 636px; height: 200px; overflow: auto; float: right; margin: 0px 0px 5px 0px;  }

#msgsplit { background-color: white; width: 636px; float: right; height: 5px; cursor: s-resize; margin: 0; padding: 0; overflow: hidden;  border-left: 2px solid white; border-right: 2px solid white; }

#mreader div.head { border-bottom: 1px solid #E9EAF1; padding: 5px; background-color: #FBFBFB; }
#mreader div.message { padding: 5px; }

#mailboxname { background: url('/images/mbnamebg.gif'); color: white; font-weight: bold; padding: 3px 7px; }

#toolbar { background-color: #E8E6EA; margin: 0; padding: 0px; list-style:none; height: 25px; }
#toolbar li { float: left; margin: 1px 1px; padding: 0; font-size: 12px; cursor: pointer; }
#toolbar li.last { background: none; }
#toolbar li span { padding-left: 20px; background-repeat: no-repeat; }
#toolbar li span.btn { padding: 4px 6px; display: block; }

#toolbar li.highlight { background: url('/images/mitoolbarbg.gif') no-repeat; }
#toolbar li.highlight span.btn { background: url('/images/mitoolbarbg.gif') no-repeat right top; }
#toolbar li.bpress { background: url('/images/mitoolbarbg.gif') no-repeat; background-position: 0% -23px; }
#toolbar li.bpress span.btn { background: url('/images/mitoolbarbg.gif') no-repeat right top; background-position: 100% -23px;}

#mlist { border-bottom: 2px solid #E9EAF1; margin: 0; height: 150px; overflow: auto; }
#mailboxnav { padding: 5px; }
#mlist div.msg { border-bottom: 1px solid #E9EAF1; padding: 0px;  cursor: pointer; clear: both; height: 22px; overflow: hidden; }
#mlist div.msg.selected { background-color: #EEEEFF;  }

#mlist .highlight { background-color: #FFFFDD; }
#mlist div.unread { font-weight: bold; }
#mlist div.msg div { padding: 3px; height: 16px; }

#mlist div.msg div.icons { float: left; width: 45px;  padding: 1px; height: 22px; background: url('/images/icons/mi_mailo.gif') no-repeat 25px 3px; }
#mlist div.msg.unread div.icons { background: url('/images/icons/mi_maildo.gif') no-repeat 25px 6px; }

#mlist div.msg.aro div.icons { background: url('/images/icons/mi_read.gif') no-repeat 25px 6px; }
#mlist div.msg.arno div.icons { background: url('/images/icons/mi_unread.gif') no-repeat 25px 6px; }

#mlist div.msg div.who, #mlist div.msg div.whosmail { float: left; width: 150px; }
#mlist div.msg div.date { float: right; width: 90px; text-align: right; }

#mlist div.msg div.whosmail { color:red; }

/* RC */
#shadow { position: absolute; background-color: #9B9B9B; z-index: 50;}
#rcmenu { border: 1px solid #666666; position: absolute; list-style-type: none; display: none; margin: 0;  padding: 0; z-index: 51; overflow: hidden; background: white url('/images/rcmenubg.gif') repeat-y;}
#rcmenu li { cursor: pointer; text-align: left; width: 175px; }
#rcmenu li.highlight { background: #EEEEFF url('/images/rcmenubg.gif') repeat-y; }
#rcmenu li span { display: block; padding: 5px 5px 5px 40px; background: transparent no-repeat 6px center; }

#rcmenu li#rcopen span  { background-image: url('/images/icons/email_open.gif'); }
#rcmenu li#rcanswer span, #tbanswer span.icon { background-image: url('/images/icons/email_go.gif'); }
#rcmenu li#rcread span, #tbread span.icon { background-image: url('/images/icons/mi_mailo.gif'); }
#tbunread span.icon { background: url('/images/icons/mi_maildo.gif')  no-repeat 0px; }
#rcmenu li#rcunread span { background-image: url('/images/icons/mi_maildo.gif'); }
#tbdelete span.icon { background-image: url('/images/icons/mi_bin.gif'); }
#rcmenu li#rcdelete span { background-image: url('/images/icons/cross.gif'); }
#rcmenu li#rctrash span { background-image: url('/images/icons/mi_bin.gif'); }
#tbdelete span.icond { background-image: url('/images/icons/cross.gif'); }
#rcmenu li#rcrestore span, #tbrestore span.icon { background-image: url('/images/icons/arrow_rotate_clockwise.gif'); }
#rcmenu li#rcabus span, #tbabus span.icon { background-image: url('/images/icons/mi_abus.gif'); }
#msort { margin: 0; padding: 0; list-style-type: none; }
#msort li { background-color: #F1F1F1; border-left: 1px solid white; border-top: 1px solid white; border-bottom: 2px solid #D6D6D6; border-right: 1px solid #D6D6D6; font-weight: bold; }
#msort li span.cb { height: 20px; display: block; overflow: hidden; }
* html #msort li span.cb input { position: relative; top: -3px; }
#msort li span { height: 20px; display: block; padding: 3px 0px 0px 10px; overflow: hidden; }
#msort li.over { border-bottom: 2px solid #D8AD51; }
div#sortspan { float: right; margin: 6px; background: url('/images/icons/misort.gif') no-repeat; width: 12px; height: 8px; overflow: hidden; }
div#sortspan.asc { background-position: -12px 0px; }

/* COMPO */

#ecrireform { }
#ecrireform div.field, #ecrireform div.fieldg { padding:7px; margin:1px; }
#ecrireform div.fieldg { background-color:#EEEEEE; }

#ecrireform label { padding: 3px 5px; width: 75px; float: left; clear: left; text-align: right; }
#ecrireform label span { color: red; }

#ecrireform input.txt { padding: 1px 2px; margin: 0px 1px; border: 1px solid #A7A6A9; width: 250px; }
#ecrireform select { padding: 1px 2px; margin: 0px 1px; border: 1px solid #A7A6A9; width: 250px; }
#ecrireform p.underhelp { margin: 0 0 0 205px; padding: 0; color: #CACACA; width: 250px; }
#ecrireform .centerinsc {  margin: 0 0 0 215px; }


/* Boite fieldsetv2 */
div.boxv2 { background: white url('/images/bgbtr_mi.png') repeat-x top right; padding: 0; }
fieldset.boxv2 { background-image: url('/images/bgbtl_mi.png'); background-repeat: no-repeat; padding: 5px 8px 5px 8px; border:0; margin: 0;} 
fieldset.boxv2 #title, #subtitle { color: white; font-size: 18px; padding-left:5px; font-weight:bold; }
fieldset.boxv2 #subtitle { font-size: 12px; }
fieldset.boxv2 .content { border:1px solid #0879CC;background:white;padding:5px; margin:0 auto; margin-top:4px; }
fieldset.boxv2 .content .txt { text-align:justify; size:19px }

.bold { font-weight: bold; }

/* error */

.info { border:1px #CCCCCC solid; padding:4px; text-align:justify; padding-left:20px; background: #FFFFE1 url('/images/icons/forum_warning.gif') no-repeat .5em .5em; margin-bottom: 3px; } 
input.submit { border: 1px solid #d9dfea; border-right: 1px solid #0e1f5b; border-bottom: 1px solid #0e1f5b; background-color: #01A6D3; color: #ffffff;  }
#write { border:1px solid #D2D2D2;padding:1px;margin:1px; }

/* La messagerie c'est  */
ul.puces { margin: 0px; padding: 0px; list-style-type: none; }
ul.puces li { margin: 4px 0px; padding: 6px 0 0 20px; background: white url('/images/test/puceh2.gif') no-repeat left 8px; }

/* filtres */
.infobox { padding: 10px; margin: 10px; border: 1px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.infobox .infot { border-bottom: 1px solid #0879CC; font-weight: bold;  font-size: 1.3em; padding-left: 20px; background-repeat: no-repeat; background-position: top left; color: #AAAAAA;}
.infobox .infot span { color: #01A7D3; }
.infobox .infod { margin: 5px 0 13px 0; }
.infobox fieldset { margin: 0; padding: 4px 0; border: none; }
.infobox fieldset label { width: 200px; display: block; float: left; margin: 3px 10px; text-align: right; font-weight: bold; }
.infobox fieldset input.text { width: 270px; }
.infobox input.submit { border: 1px solid #d9dfea; border-right: 1px solid #0e1f5b; border-bottom: 1px solid #0e1f5b; background-color: #4BA1D7; color: #ffffff;  margin: 4px 0 0 230px; }