@CHARSET "UTF-8";

body,h1,h2,h3,h4,h5,img,li,ul,ol,p { margin: 0; padding: 0; }
ul { list-style-type: none; list-style-image: none; }
h4 { color: #2E6E9E; font-size: 1.2em; padding-top: .5em; }
p { margin: 1em 0; }

body,
	html {	height: 100%; }
body { background: url(../img/interface/n_background_repreat.png) #fff repeat-x; background-attachment: fixed; font-family: Tahoma, sans-serif; font-size: 70%; }

#container-wrap { background: url(../img/interface/n_background.png) transparent no-repeat top center; background-attachment: fixed; height: auto !important; height: 100%; min-height: 100%; position: relative; }
#container { margin: auto; padding: 20px; width: auto; }

#header-wrap, #main-wrap, #footer-wrap { margin: auto; min-width: 1001px; width: 100%; }
#header-wrap-repeat, #main-wrap-repeat, #footer-wrap-repeat { margin: 0 36px; }
#header-wrap-right, #main-wrap-right, #footer-wrap-right { margin: 0 -36px; }

#header-wrap { height: 141px; z-index: 100; }
#header-wrap-repeat { background: url(../img/interface/n_header_repeat.png) repeat-x; }
#header-wrap-right { background: url(../img/interface/n_header_right.png) transparent no-repeat right; }
#header { background: url(../img/interface/n_header.png) transparent no-repeat; position: relative; height: 141px; position: relative; }

#main-wrap { background: url(../img/interface/n_main.png) transparent repeat-y; }
#main-wrap-repeat { background-color: #ffffff; height: 100%; }
#main-wrap-right { background: url(../img/interface/n_main_right.png) transparent repeat-y right; height: 100%; }
#main { margin: 0 9px 0 10px; padding: 1em 2em 0; position: relative; }

#footer-wrap { height: 4em; }
#footer-wrap-repeat { background: url(../img/interface/n_footer_repeat.png) transparent repeat-x bottom; }
#footer-wrap-right { background: url(../img/interface/n_footer_right.png) transparent repeat-y right bottom; }
#footer { background: url(../img/interface/n_footer.png) transparent no-repeat left bottom; height: 4em; }
#footer p { margin: 0; }
	
#logo { display: block; float: left; left: 3em; position: relative; top: 2em; }

.content { background-color: #265e90; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.content + .content { margin-top: 1em; }
.content-header { height: 25px; }
.content-header h2 { color: #ffffff; font-size: 11px; line-height: 25px; padding-left: .5em;}
.content-main-wrap { background-color: #a7daf6; padding: 0 .5em 25px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
.content-main-wrap.no-border { padding: 0 0 25px; }
.content-main { background-color: transparent; }
.content-main h2 {background-color: #265e90; color: #e8a723; font-size: 10px; font-weight: bold; height: 25px; line-height: 25px; margin: 0 -.5em; padding: 0 .5em;}
.content-main .container { background-color: #fff; padding: .5em .3em; }
.content-main .container .ui-tabs { background-color: #fff; border: 1px solid #265e90; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; }
.content-main .container .ui-tabs .ui-tabs-panel { padding: 0 .5em !important; }

#menu-user-wrap { background: url(../img/interface/n_bar_top_banner_right.gif) transparent no-repeat right; float: right; height: 30px; position: relative; right: -3px; top: 45px; }
#menu-user { background: url(../img/interface/n_bar_top_banner_left.gif) transparent no-repeat; height: 20px; padding: 0 15px; list-style-type: none; z-index: 100; }
#menu-user > div { background-color: #275f91; border-left: 1px solid #cce6f7; float: left; height: 14px; padding: 3px .5em; position: relative;  }
#menu-user > div:first-child { border : none;}
#menu-user > div .ui-icon { float: left; margin-right: 4px; }
#menu-user span, #menu-user a { color: #ccccff; font-family: Arial; font-size: 10px; text-decoration: none; }
#menu-user .menu-user-selection-head { background: url(../img/interface/n_arrow_s.png) #d8e5ee no-repeat right center; border: 1px solid #4c79a3; display: block; height: 12px; padding: 0 15px 0 4px;  }
#menu-user .menu-user-selection-head .ui-icon { margin-top: -8px; padding: 0; position: absolute; right: 0.2em; top: 50%; }
span + .menu-user-selection-head { float: right; margin-left: 3px; }
.menu-user-selection-head:hover + .menu-user-selection,
    .menu-user-selection:hover { display: block; }
.menu-user-selection { background-color: #d8e5ee; border: 1px solid #4c79a3; border-top: 0; display: none; list-style-type: none; position: absolute; right: .5em; top: 16px; white-space: nowrap; z-index: 200; }
#menu-user .menu-user-selection li a { display: block; line-height: 16px; padding: 0 15px 0 .5em; text-align: right; }
#menu-user .menu-user-selection li a:hover { background-color: #9ab7d5; color: #d8e5ee; }
#menu-user a:hover { color: #e8a723; }
#menu-user .menu-user-selection-head,
    #menu-user .menu-user-selection-head:hover,
    #menu-user .menu-user-selection li a { color: #275f91; }
#menu-user .messaging { display: block; margin-top: 1px; }
#menu-user .messaging span { color: #275f91; display: block; font-size: 11px; font-weight: bold; margin: auto; position: relative; top: -12px; width: 8px; }
#menu-user li #spanPrivate{padding: 0 0 0 2px; display: inline; float: right; color:#D8E5EE;}

a { color: #2E6E9E; outline: none; }
a:hover { color: #e8a723; text-decoration: none; }
blockquote { border-color: #939FB0; border-style: dashed; border-width: 1px 0; color: #777; font-style: italic; quotes: "\201C" "\201D"; }
blockquote > p { margin: 0; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

img { border: 0; }
img.icon { height: 16px; vertical-align: middle; width: 16px; }

span.icon { display:inline-block; vertical-align:middle; width:18px; }

.navigation { bottom: 0; list-style-type: none; position: absolute; right: 27px; }
.navigation li { background: url(../img/interface/n_menu_right.png) transparent no-repeat right; border-bottom: 1px solid #3d84bb; display: block; float: left; margin-left: 12px; padding-right: 9px; }
.navigation li a,
	.navigation li span { background: url(../img/interface/n_menu_left.png) transparent no-repeat; border-bottom: 1px solid #3d84bb; color: #B0D7F8; display: block; font-family: Arial; font-size: 10px; line-height: 18px; margin-bottom: -1px; margin-left: -11px; min-width: 39px; padding-left: 11px; text-align: center; text-decoration: none; }
.navigation li span { color: red; }
.navigation li a:hover { color: #E7A624; }
.navigation li.active { background-image: url(../img/interface/n_menu_active_right.png); border-color: #ffffff; }
.navigation li.active a { background-image: url(../img/interface/n_menu_active_left.png); border-color: #ffffff; color: #506e9c; font-weight: bold; }
.navigation li ul { display: none; }

.navigation-sub { }
.navigation-sub li { display: block; float: left; }
.navigation-sub li a,
	.navigation-sub li span { border-left: 1px solid #4c7faa; color: #ffffff; display: block; font-size: 11px; font-weight: bold; line-height: 25px; padding:0 0.5em; text-decoration: none; }
.navigation-sub li:first-child a,
	.navigation-sub li:first-child span { border-left: 0; }
.navigation-sub li span { color: #2E6E9E; }
.navigation-sub li a:hover { color: #e8a723; }
.navigation-sub li.active a { color:#e8a723; }

.actionbar { background-color: #a7daf6; min-height: 22px; }
.actionbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.actionbar .breadcrumb { color: #fff; float: left; font-weight: bold; line-height: 22px; }
.actionbar .breadcrumb a { color: #fff; text-decoration: none; }
.actionbar .breadcrumb a:hover { color: #E8A723; }
#phasebar { position: absolute; }
#sidebar { background-color: #00f; float: right; width: 100px; }
#contentbar { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#phasebar+#sidebar+#contentbar { margin-left: 90px; }
#sidebar+#contentbar { margin-right: 110px; }

.subtitle { clear: both; position: relative; }
.subtitle h1 { background-color: #265e90; border-bottom: 2px solid #c2e5f9; color: #eea754; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; margin: 0; padding: 0 .5em; width: 50%; }

.content-title { background-color: #f5f8f9; border: 1px solid #265E8F; clear: both; color: #e17009; font-size: 11px; font-weight: bold; min-height: 1.1em; padding: .5em .5em .5em 2em; position: relative; }
.content-title a,
	.content-title a:link,
	.content-title a:visited { color: #E8A723; text-decoration: none; }
.content-content { background-color: #fafafa; border: 1px solid #265E8F; border-top: 0; color: #222; display: block; margin-bottom: .5em; padding: .5em; position: relative; top: 1px; }

.clear { clear: both; }
.col50 { float: left; margin-bottom: 1em; width: 50%; }
.col50 .content { margin-right: .5em; }
.col50 + .col50 .content { margin-right: 0; margin-left: .5em; }

.navigation-sub + div { clear: both; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
#tabs { border-color: #265E8F; }

.content-title .ui-action-link { margin-top: -2px; }

/******************************************************************************/
/* MESSAGES D'INFORMATION *****************************************************/
/******************************************************************************/
.message-info,
.message-error,
.message-success { clear: both; padding: 1em; }
.message-info .ui-icon,
.message-error .ui-icon,
.message-success .ui-icon { float: left; margin-right: 0.3em; }
.message-info { background: #FBEC88 url(images/ui-bg_flat_55_fbec88_40x100.png) repeat-x scroll 50% 50%; border: 1px solid #FAD42E; color: #363636; }
.message-error { background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #8a1f11; }
.message-success { background-color: #e6efc2; border: 1px solid #c6d880; color: #264409; }

/******************************************************************************/
/* BOUTONS D'ACTION ***********************************************************/
/******************************************************************************/

.ui-tabs-panel > .ui-action-link { margin: -22px .1em .1em; }
.content-title > .ui-action-link { margin-top: -4px; }
.ui-action-link { display: inline !important; height: 16px; padding: 3px !important; position: relative; }
#menu-user .ui-action-link { padding: 0 !important; }
.ui-action-link-left { float:left; }
.ui-action-link-right { float:right; }
.ui-action-link span { display: block; line-height: 16px; }
.ui-action-link-text { border: 0 !important; color: #ffffff !important; font-size: 11px; font-weight: bold !important; line-height: 16px; text-decoration: none; }
.ui-action-link-text.ui-state-disabled { color: inherit !important;}
.ui-action-link-text .ui-icon { float: right; }
.ui-action-link-text .text { display: none; margin: 0 19px 0 3px; }
.ui-action-link-text.active .text,
    .ui-action-link-text.hover .text { display: block; }
.ui-action-link.active { background-color: #e8a723 !important; }
.ui-action-link .ui-icon { position: relative !important; }

.ui-action-link-list { float: right; list-style-type: none; }
.ui-action-link-list li {  }
.ui-action-link-list li a { margin-bottom: 2px; width: 100%; }
.ui-action-link-list li a span { height: 16px; line-height: 16px; padding: 0 3px; }

.link-edit-group-description { background-color: #265e90; }
.link-edit-group-description:hover { color: #E8A723 !important; }
.link-edit-group-description.active:hover { color: #fff !important; }

/******************************************************************************/
/* FORMULAIRES ****************************************************************/
/******************************************************************************/
form {}
.zend_form { margin: 0; padding: 0; width: 400px; }
.zend_form fieldset { border: 1px solid #be8513; }
.zend_form dt { clear: both; float: left; margin: 5px 5px 5px 0; padding: 0; text-align: right; width: 30%; }
.zend_form dt.sub { text-align: left; }
.zend_form dt.sub input { margin-left: 1em; }
.zend_form dd.sub label { clear: both; }
.zend_form dt.question { color: #222; font-weight: normal; text-align: left; width: 100%;  }
.zend_form dd { float: left; margin: 5px 2px 5px 0; padding: 0; width: 68%; }
.zend_form dd.fieldset,
	.zend_form dd.buttons { width: 100%; }
.zend_form dd.inline { display: block; float: none; margin: 4px; width: auto; }
.zend_form dd.buttons { background-color: #fff; height: 25px; margin: 0; text-align: right; }
.zend_form dd.buttons .loading { float:none; margin-right: 4px; margin-top: 4px; vertical-align: baseline; }
.zend_form dd.block,
	.zend_form label.block { display: block; width: 98%; }
.zend_form dd label { display: block; }
.zend_form input[type="checkbox"] + label { display: inline; }
.zend_form input,
	.zend_form textarea { margin: 0; padding : 0; }
.zend_form textarea { height: 10em; width: 100%; }
.zend_form input[type="text"],
	.zend_form input[type="password"] { width: 100%; }
.zend_form input[type="image"] { border: 0; margin-right: 4px; margin-top: 4px; }
.zend_form label.required { font-weight: bold; }
.zend_form label.optional { font-weight: normal; }
.zend_form label input { margin-right: .3em; }
.zend_form p { margin: 0; padding: 0; }
.zend_form p.hint,
	.zend_form p.description { background: transparent; border: 0; color: #222; font-style: italic; font-weight: normal; width: auto; }

.arrow_ltr { float:left; vertical-align: middle; }
input[type=submit].ui-icon { background-color: #DFEFFC; background-image: url(images/ui-icons_6da8d5_256x240.png); border: 1px solid #C5DBEC; cursor: pointer; float: left; height: 20px; margin-right: 2px; width: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input[type=submit]:hover.ui-icon { background-color: #d0e5f5; background-image: url(images/ui-icons_217bc0_256x240.png); border: 1px solid #79b7e7; }

#form-edit-profile .zend_form { width: 450px; }
#linguisticProfileForm .zend_form,
    #professionalProfileForm .zend_form { width: 700px; }
#form-add-message .zend_form,
	#form-create-session .zend_form,
    #form-edit-description .zend_form,
    #form-edit-group-description .zend_form,
    #form-edit-phase .zend_form,
    #form-edit-working-group .zend_form,
    #form-create-working-group .zend_form,
    #form-save-scenario .zend_form,
    #form-create-phase .zend_form,
    #addThreadForm .zend_form,
    #addReplyForm .zend_form { width: 600px; }
#addForumForm .zend_form,
    #editForumForm .zend_form,
    #editTitleThreadForm .zend_form { width: 350px; }
#editMessageForm .zend_form { padding: 0; width: 100%; }
#userIds-element { max-height: 400px; overflow: auto; }

#inFamily_4,
	#atWork_5,
	#inSociety_6,
	#withMyFriends_7,
	#forMyStudies_8,
	#forMyInterests_9,
	#linguisticProfileForm #other_10,
	#professionalProfileForm #master_11 { height:3em; }

.ui-form-popup,
	.container-static { background-color: #efc265; border: 1px solid #e8a723; color: #be8513; }

.ui-form-popup form:after, #form-login:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.ui-form-popup input,
	.ui-form-popup text,
    .ui-form-popup textarea,
	.ui-form-popup select { border: 1px solid #dcb56f; border-top: 1px solid #e8a723;}

/******************************************************************************/
/* TABLEAUX *******************************************************************/
/******************************************************************************/
table { border: 0; border-collapse: separate; border-spacing:0; margin:auto; width:100%; }
table a { text-decoration: none; }
table thead tr th { background-color: #c2e5f9; color: #265e90; font-size: 10px; font-weight: bold; height: 22px; padding-left: .3em; text-align: left; }
table tfoot tr th { background-color: #c2e5f9; padding-left: .3em; text-align: left; }
table tbody tr { height: 18px; }
table tbody tr td { border: 1px solid transparent; color: #000000; font-size: 10px; height: 18px; line-height: 18px; padding-left: .3em; }
table tbody tr td.number,
    table tbody tr td.date { white-space: nowrap; }
table tbody tr td.number,
	table tbody tr td.void { padding: 0; text-align: center; width: 20px; }	
table tbody tr td.actions-1,
	table tbody tr td.actions-2,
    table tbody tr td.actions-3,
    table tbody tr td.actions-4{ vertical-align: top; }
	
table tbody tr td.mini { text-align: center; width: 25px; }
table tbody tr td.actions-1 { width: 25px; }
table tbody tr td.actions-2 { width: 50px; }
table tbody tr td.actions-3 { width: 75px; }
table tbody tr td.actions-4 { width: 100px; }
table tbody tr td.actions-managegi { width: 180px }

table.zebra a:hover { color: #000; }

table.zebra.first-highlight tbody tr:nth-child(even) td:first-child  { background-color: #e8a723; }
table.zebra.first-highlight tbody tr:nth-child(odd) td:first-child  { background-color: #efc265; }
table.zebra tbody tr:nth-child(even) { background-color: #e8e8e8; }
table.zebra tbody tr:nth-child(odd) { background-color: #fff; }
table.zebra tbody tr:nth-child(even):hover { background-color: #e8a723; }
table.zebra tbody tr:nth-child(odd):hover { background-color: #efc265; }

table.scrollable { width: 100%; }
table.scrollable tbody { height: 400px; overflow-y: auto; overflow-x: hidden; }
table.scrollable tbody tr td:last-child { padding-right: 20px; }

/* En-têtes des tableaux triables */
table thead tr th.header { background-image: url(../img/interface/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right: 20px; }
table thead tr th.headerSortDown { background-image: url(../img/interface/desc.gif); }
table thead tr th.headerSortUp { background-image: url(../img/interface/asc.gif); }
table thead tr th.header a { display: block; }

/******************************************************************************/
/* PAGINATION DES TABLEAUX ****************************************************/
/******************************************************************************/
.pager {}
.pager form * { float: left; }

/******************************************************************************/
/* PROFIL UTILISATEUR *********************************************************/
/******************************************************************************/
#table-user-profile tr { }
#table-user-profile td,
	#table-user-profile th { line-height: 1.2em; padding: .5em; }
#table-user-profile th { color: #ffffff; font-size: 10px; text-align: right; vertical-align: top; white-space: nowrap; width: 175px; }
#table-user-profile #user-profile-avatar { background-color: #ffffff; padding-top: 0; vertical-align: top; width: 150px; }
#table-user-profile tbody tr:nth-child(odd) th { background-color: #e8a723; }
#table-user-profile tbody tr:nth-child(even) th { background-color: #efc265; }
#table-user-profile tbody tr:nth-child(odd) { background-color: #e8e8e8; }
#table-user-profile tbody tr:nth-child(even) { background-color: #ffffff; }

dl.profile { float: left; }
.profile h2 { clear: both; }
.profile h3 { clear: both; color: #222222; margin-left: 2em; font-weight: normal; }
.profile dl { margin-left: 1em; }
.profile dl dt, .profile dt { clear: left; color: #e17009; float: left; line-height: 1.3em; margin-right: 10px; padding: 0; text-align: right; width: 180px; }
.profile dl dt.block, .profile dt.block { text-align: left; width: 100%; }
.profile dl dd, .profile dd { float: left; line-height: 1.3em; margin: 0; padding: 0; }
.profile dl dd.block, .profile dd.block { width: 100%; }
.profile div { margin-left: 2em; padding: .5em; }
.profile span.label { color: #e17009 }
.profile dd p { margin-top: 0; }

.container-static { display: none; padding: .5em; position: absolute; z-index: 100; }
.container-static ul { list-style-type: none; list-style-image: none; margin: 0; }

/******************************************************************************/
/* MESSAGERIE *****************************************************************/
/******************************************************************************/
.messages h1 { margin: 0; padding: 0; }
.messages { background: #fff url('../img/interface/message_bg.gif') repeat-y; }
.messages .wrap1:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.messages .message { background-color: #efc265; border-bottom:1px solid #CBCBCB; width: 100%; }
.messages .message .button-set { bottom: 0; position: absolute; right: 0; }
.messages .message .button-set .button { display: inline; }
.messages .message-meta { color: #BE8513; display: inline; margin-left: 6px; padding-top: 0px; text-align: right; width: 160px; }
.messages .message-meta .date { padding: 3px 0; }
.messages .message-meta .date .month,
.messages .message-meta .date .year { width: 40px; }
.messages .message-meta .date .day { float:right; border-right: 1px solid #BE8513; ; display: block; font-size: 28px; line-height: 28px; padding-right: 5px; }
.messages .message-meta .date .month { display: block; float: right; font-size: 14px; line-height: 14px; padding-left: 4px; text-align: center; text-transform: uppercase; }
.messages .message-meta .date .year { display: block; font-size: 11px; }
.messages .message-meta .date .hour { clear: both; display: block; font-size: 10px; }
.messages .message-meta h4 { padding: 3px 0 3px 0; }
.messages .message-meta h4.receivers a { display: block; font-size: 10px; font-weight: normal; }
.messages .message-meta .author { font-size: 12px; }
.messages .message-meta .avatar { border: 1px solid #939FB0; height: 50px; width: 50px; }
.messages .message-content h2 { margin-top: 0; }
.messages .message-content { background-color: #ffffff; margin-left: 175px; padding: .1em .5em 2em; }
.messages .message-content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }   
.messages .message-content pre { overflow: scroll; }
.messages .message-content ul { list-style-position: inside; list-style-type: disc; }
.messages .right-col {  }
.messages .left-col { float: left; }

.message-navigation { margin-bottom: 0; padding: 1em 5px 5px; position: relative; }
.message-navigation a { text-decoration: none; }
.message-navigation .previous { float: left; }
.message-navigation .next { float: right; }
.message-navigation:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/******************************************************************************/
/* FORUMS DE DISCUSSION *******************************************************/
/******************************************************************************/
table tbody tr td.forum-phase-triangle { cursor: pointer; }
table tbody tr td.forum-vline { background-image: url('../img/interface/vline.gif'); background-repeat: repeat-y; }
table tbody tr td.forum-node { background-image: url('../img/interface/node.gif'); background-repeat: repeat-y; }
table tbody tr td.count-not-readed { font-weight: bold; text-align: center; width: 38px; }
table tbody tr.selected { background: #FBEC88 url(images/ui-bg_flat_55_fbec88_40x100.png) repeat-x scroll 50% 50%; font-weight: bold; }

table.zebra tbody tr:nth-child(even) td.count-not-readed { background-color: #e8a723; }
table.zebra tbody tr:nth-child(odd) td.count-not-readed { background-color: #efc265; }
	
.forum-messages .forum-message .forum-message-content { background-color: #ffffff; }
.forum-messages .forum-message .forum-message-meta .number { background-color: #e8a723; border-color: #efc265; }
.forum-messages .forum-message:nth-child(odd) { background-color: #efc265; }
.forum-messages .forum-message:nth-child(even) { background-color: #e8a723; }
.forum-messages .forum-message:nth-child(odd) .forum-message-content { background-color: #ffffff; }
.forum-messages .forum-message:nth-child(even) .forum-message-content { background-color: #e8e8e8; }
.forum-messages .forum-message:nth-child(odd) .forum-message-meta .number { background-color: #e8a723; border-color: #efc265; }
.forum-messages .forum-message:nth-child(even) .forum-message-meta .number { background-color: #efc265; border-color: #e8a723; }
	
.forum-messages .forum-message .forum-message-content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }	
	
.forum-messages { clear: both; }
.forum-messages .forum-message { clear: both; margin-bottom: 0; padding: 0; position: relative; }
.forum-messages .forum-message:first-child { border-top: 5px solid #c2e5f9; }
.forum-messages .forum-message.unread {  }
.forum-messages .forum-message-meta { display: inline; margin-left: 0; padding-top: 0px; text-align: right; width: 170px; }
.forum-messages .forum-message-meta h4 { color: #666; font-size: 12px; padding: 3px 0 3px 0; }
.forum-messages .forum-message-meta .number { border-width: 0; border-style: solid; float: left; line-height: 1.5em; text-align: center; width: 3em; }
.forum-messages .forum-message-meta .avatar { border: 1px solid #939FB0; max-height: 50px; max-width: 100px; }
.forum-messages .forum-message-meta h4.number-message { font-size: 10px;}
.forum-messages .forum-message-content { clear: right; margin-left: 175px; padding: .1em .5em 2em; }
.forum-messages .forum-message-top { font-size: 10px; height: 12px; }
.forum-messages .forum-message-top .date { float: right; }
.forum-messages .forum-message-top .quoter { cursor: pointer; display: inline; float: left; list-style: none; padding: 0; position: relative; }
.forum-messages .forum-message-top .quoter ul { display: none; }
.forum-messages .forum-message-top .quoter:hover ul { background-color: #fdfdfd; border:3px solid #ccc; display: block; list-style-type: none; list-style-image: none; padding: 0; position: absolute; top: 0; }
.forum-messages .forum-message-top .quoter ul li { display: block; line-height: 20px; padding: 0 1em; white-space: nowrap; }
.forum-messages .forum-message-top .quoter ul li a {  }
.forum-messages .forum-message-top .quoter ul li a:hover { background-color: #fdfdfd; color: #FAA220; }
.forum-messages .forum-message-content .quote { background-color: #f0f0f0; border: 1px dashed #939FB0; }
.forum-messages .forum-message-content .quote .number { border-width: 0 1px 1px 0; border-style: solid; border-color: #939FB0; float: left; line-height: 1.5em; text-align: center; width: 3em; }
.forum-messages .forum-message-content .quote .author { line-height: 1.5em; margin-left: .5em; }
.forum-messages .forum-message-content .quote > blockquote { border-width: 0; }
.forum-messages .forum-message-content .quote blockquote { max-height: 200px; }
.forum-messages .forum-message-content .quote blockquote > blockquote { background-color: #fdfdfd; }
.forum-messages .forum-message-content.deleted { padding-bottom: 0; }
.forum-messages .forum-message-content .attached-files { margin: 0; }
.forum-messages .forum-message-content ul { list-style-position: inside; list-style-type: disc; }
.forum-messages .forum-message-content pre { overflow: scroll; }
.forum-messages .forum-message-bottom { bottom: 0; position: absolute; right: .3em; text-align: right; }

.forum-messages .forum-message-bottom { visibility: hidden; }
.forum-messages .forum-message:hover .forum-message-bottom { visibility: visible; }
.forum-messages .forum-message .button-set { margin: .2em 0 .3em 0; float: right; }
.forum-messages .forum-message .button-set .button { display: inline; padding: 3px 5px; }
.forum-messages .left-col { float: left; }

.forum-order { position: absolute; bottom: .5em; left: 0; text-align: center; width: 175px; }
.forum-order a { display: block !important; margin: auto; text-align: center; width: 95% !important; }
.forum-order a span { margin: auto; }

.amorce-container { background-color: #C2E5F9; position: relative; }
.amorce-container .forum-messages { background-color: #f0f0f0; margin-left: 175px; }

.forum-message-thread-title { background-color: #C2E5F9; text-align : center; }
.forum-message-thread-statistics { float: right; text-align: left; }

blockquote.deleted { color: red; }
blockquote.edited { color: #e8a723; }

.read {}
.not-read { font-weight: bold; }
.disabled { opacity:0.5; }

/******************************************************************************/
/* LISTE D'UTILISATEUR ********************************************************/
/******************************************************************************/
.user-list { background-color: #fff; border: 1px solid #C5DBEC; padding: 1em; height: 400px; overflow: auto; }
.user-list li { border-bottom: 1px solid #C5DBEC; clear: left; display: block; height: 30px; padding: .3em; min-width: 300px; }
.user-list li:hover { background-color : #FBEC88 !important; }
.user-list li:nth-child(even) { background-color: #f0f0f0; }
.user-list li:nth-child(odd) { background-color: #fff; }
.user-list li.ui-state-highlight { background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; border-bottom: 1px solid #fad42e; color: #363636;}
.user-list li:hover .user-list-action { visibility: visible; }
.user-list .avatar { cursor: move; float: left; height: 30px; margin-right: .5em; }
.user-list .name { font-size: 1.2em; font-weight: bold; }
.user-list-action { float: right; visibility: hidden; }
.user-list-action.visible { visibility: visible; }

.drop-active { background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x !important; border: 1px solid #fad42e; color: #363636;}
.drop-hover { background: #265E8F !important; }
.drag-handle { cursor: move;}

.mini-avatar { height: 25px; width: 25px; }

.list-member {margin: 0 0 0 15px;}
.list-member li {margin: 0 0 5px;}

.footer-list-private {font-style:italic;}
.user_connected_list {margin: 0 0 10px;}

/******************************************************************************/
/* AFFICHAGE DE TYPE ACCORDEON ************************************************/
/******************************************************************************/
.accordion > div { position: relative; }
.accordion .content-title,
	.accordion .content-content { border: none; }

.accordion div:nth-child(even) .content-title.accordion-closed { background-color: #fff; }
.accordion div:nth-child(odd) .content-title.accordion-closed { background-color: #c2e5f9; }

.accordion .accordion-closed a { color: #265e90; }
.accordion .ui-icon { background-image: url(../img/icons/icons_active_on.png); }
.accordion .content-title { background-color: #a7daf6; cursor: pointer; }
.accordion .content-title > .ui-icon:first-child { left: 0.5em; margin-top:-8px; position: absolute; top:50%; }

/******************************************************************************/
/* POPUP DE RESULTAT D'UNE ACTION *********************************************/
/******************************************************************************/
#growlcontainer { font-size: 12px; position: fixed; right: 20px; top: 20px; width: 300px; z-index: 1000; }
.growlstatus { background-color: #000; /*fallback for ie*/ background-color: rgba(0, 0, 0, 0.8); border: 3px #000 solid; color: #fff; margin-bottom: 5px; padding: 15px; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.growlstatus .growltitle { font-weight: bold; margin-bottom: 5px; }
.growlstatusclose { background: transparent url(images/growlclose.png) no-repeat; cursor: pointer; display: none; height: 30px; position: absolute; right: 5px; top: 5px; width: 30px; }
.growlstatus:hover { background-color: rgba(0, 0, 0, 0.9); border: 3px #fff solid; }
.growlstatus:hover .growlstatusclose { display: block; }
.growlwithicon { background-position: 5px 10px; background-repeat: no-repeat; padding-left: 50px; }

/****** growl icons ******* 
--------------------------*/
.growlicon_heart { background-image: url(images/icons/heart.png); }
.growlicon_star { background-image: url(images/icons/star.png); }
.growlicon_clouds { background-image: url(images/icons/clouds.png); }
.growlicon_parachute { background-image: url(images/icons/parachute.png); }

/******************************************************************************/
/* INFORMATIONS DE DEBUGGAGE **************************************************/
/******************************************************************************/
#debug { clear: both; }
div.debug { background-color: #e6efc2; border: 2px solid #c6d880; clear: both; margin-top: 1em; overflow: auto; }

table.error { background: transparent url(); border: 1px solid #D5331A; color: inherit; clear: both; margin: auto; margin-top: 1em; padding-bottom: 0; min-height: 0; }
table.error thead tr { background: #fbc2c4 url(); }
table.error thead tr th { border-color: #D5331A; }
table.error tbody td.row { background: #fbe3e4; }
table.error tbody tr td { border-top: 1px solid #fbc2c4; }

/******************************************************************************/
/* BARRE DES PHASES ***********************************************************/
/******************************************************************************/
#phasebar { background: url(../img/interface/phasebar-bg-main.png) repeat-y; }
#phasebar ul { list-style-type: none; list-style-image: none; }
#phasebar .phase { height: 47px; margin-bottom: 1px; position: relative; width: 66px; }
#phasebar .phase:hover { background: url(../img/interface/phasebar-bg-recommended.png) no-repeat !important; }
#phasebar .phase.inprogress { background: url(../img/interface/phasebar-bg-inprogress.png) no-repeat; }
#phasebar .phase .button { background: url(../img/interface/phasebar-button.png) no-repeat; color: #fafafa; display: block; font-weight: bold; height: 27px; line-height: 27px; margin: 0 auto; position: relative; text-align: center; text-decoration: none; top: 10px; width: 27px; }
#phasebar .phase.recommended .button { background: url(../img/interface/phasebar-button-recommended.png) no-repeat; }
#phasebar .phase div { display: none; z-index: 200; }
#phasebar .phase:hover div { background-color: #A7DAF7; border: 1px solid #7BA0BD; display: block; left: 65px; padding: .5em; position: absolute; top: 0; width: 400px; }
#phasebar-bottom { background: url(../img/interface/phasebar-bg-bottom.png) no-repeat; height: 10px; }
#phasebar-top { background: url(../img/interface/phasebar-bg-top.png) no-repeat; height: 5px; }
#phasebar-panel { height: 57px; margin-left: 4px; width: 58px; }

th .phase { margin: auto; padding: 0; width: 25px; }
td.open-selection { cursor: pointer; padding: 0; text-align:center; width: 50px; }

#stateSelection, 
    #auth-selection { background-color: #fff; border: 1px solid red; border-bottom: 1px solid #fff; display: none; list-style-type: none; margin: 0; position: absolute; text-align: center; width: 40px; z-index: 2000; }
#stateSelection li a, 
    #auth-selection li a { display: block; padding: 5px 0; position: relative; }
#stateSelection li a span { border: 1px solid red; border-left: 1px solid #ECF5FD; display: none; position: absolute; }
#stateSelection li:hover a, 
    #auth-selection li:hover a { background-color: #FBEC88; }
#stateSelection li:hover a span { background-color: #FBEC88; display: block; left: 40px; float: left; padding: 6px 3px; top: -1px; white-space: nowrap;}

#form-login-container { background-color: #265E8F; border: 1px solid #93A0A8; border-top: 0; display: none; position: absolute; right: -1px; top: 0; z-index: 100; }
#form-login { }
#form-login .zend_form { width: 300px; }
#form-login .zend_form label { color: #D8E5EE; }
#form-login .zend_form dt { width: 100px; }
#form-login .zend_form dd { padding-right: 5px;  width: 188px; }
#form-login .zend_form dd.buttons { padding-right: 0; width: 100%; }
    
.legend dt { float: left; line-height: 20px; }
.legend dd { line-height: 20px; margin-left: 2em; }

.group-description { background-color: #fff; }