html { font-size:16px; }
html, body { margin:0; padding:0; height: 100%; }
body { background:#444146 url(zims/frontend/body.png) 0 0 repeat-x; color:#333; font-family:/*Trebuchet ms,*/ Arial, Helvetica, sans-serif;; font-size:62.5%; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HTML * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**
* Titles
*/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size:2.4em; font-weight:normal; }
h2 { margin:10px 0; font-size:2.2em; font-weight:normal; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; line-height:1.4em; }
h5 { font-size:1.2em; line-height:1.2em; }
h6 { }
/**
* Paragraphs, links
*/
p {}
a { color:#5f5f5f; text-decoration:none; }
a:hover { text-decoration:none; color:#2c66a5; }
a:active, a:focus { outline:0; }
a img { border:0; }
pre {
margin:10px; padding:5px;
background:#fafafa; border:1px dashed #ebebeb;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
}
/**
* Lists
*/
ul { margin:10px; padding:0; }
li {}
dl { margin:0; padding:0; }
dt {}
dd {}
/**
* Forms
*/
form { display:block; margin:0; padding:0; font-size:12px; }
fieldset { margin:10px 15px; padding:10px 0; background:transparent; border:0; }
fieldset p { margin:0px; padding:5px 10px; }
fieldset p.focus {}
label { float:left; width:170px; cursor:pointer; color:#eee; }
legend { margin:0 0 0 10px; font-size:1.5em; color:#008ad2; }
input, textarea, select { border:1px solid #555356; background:#555356; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; color:#eee; font-size:12px; }
input, textarea { padding:3px 0px; text-indent:5px; }
textarea { /*font-size:1em; */}
optgroup { font-style:normal; color:#FF3790; padding:2px 2px; }
option { color:#ccc; line-height:20px; height:20px; font-size:12px; }
optgroup option { padding:3px 5px 1px 5px; }
input.focus, textarea.focus, select.focus, input:focus, textarea:focus, select:focus { }
input.disabled { border:0; background:transparent; cursor:default; }
input.readonly { background:#fafafa; }
.missingField label, .invalidField label { color:#f85656; }
.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#f85656; }
.formButtons { direction:rtl; margin:0; padding:10px 0 5px 180px; text-align:left; }
.formButtons input, .submitButton { text-indent:0; padding:3px 10px; text-align:center; color:#eee; font-weight:bold; cursor:pointer; }
.submitField {}
.imageButton { background:transparent; border:0; padding:0; }
.formErrors { margin:0; padding:10px 0 10px 15px; }
.formErrors li { list-style:none; margin:0px 0 5px 0; padding-left:24px; line-height:16px; color:#f85656; background:transparent url(zims/icons/form-error-16.png) 0 0 no-repeat; }
.uniqueCheckBoxField input { margin-left:170px; }
.uniqueCheckBoxField label { float:none; position:relative; bottom:2px; }
#field-security { display:none; }
/**
* Boutons radio, checkbox
*/
.fieldsList { overflow:auto; padding-left:175px; position:relative; margin:10px 0; }
.fieldsList .fieldsListTitle { position:absolute; top:0; left:0; width:175px; padding:5px 10px; font-size:1.2em; }
.fieldsList .fields { position:relative; }
.fieldsList .fields div { margin:3px 0; width:200px; float:left; }
.fieldsList .fields label { float:none; clear:none; }
.fieldsList .fields input { position:relative; top:2px; }
.fieldsList label:hover { color:#FF3790; }
.fieldsList.invalidField label { color:#5f5f5f; }
.fieldsList.invalidField div.fieldsListTitle { color:#ec0001; }
.radio-field input, .uniqueCheckBoxField input { background:transparent; border:0; }
/**
* Tables
*/
table { margin:10px; padding:0; border-spacing:0; border-collapse:collapse; }
th, td { border:1px solid #9a9a9a; }
th { background:#fafafa; padding:4px 5px; font-size:1.1em; font-weight:bold; }
td { padding:2px 5px; background:#fff; }
/**
* jQuery fixes
*/
.jquerybubblepopup td { border:0; }
.ui-widget th, .ui-widget td { border:0; background:transparent; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * LAYOUT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#main { background:transparent; width:980px; margin:00px auto 0 auto; min-height: 550px; position:relative; }
header { height:90px; margin:0; position:relative; }
header h1 { display:block; width:100%; height:75px; margin:0; padding:0; }
header #HomeLink { display:block; margin:0 auto; width:196px; height:75px; line-height:75px; overflow:hidden; text-indent:-999px; overflow:hidden; background:transparent url(zims/frontend/logo.png) 0 0 no-repeat; }
header #HomeLink:hover { }
#hLogoutLink { display:block; width:64px; height:64px; position:absolute; top:0; right:0; text-indent:-9999px; overflow:hidden; outline:0; background:transparent url(zims/frontend/logout-link.png) 0 0 no-repeat; }
#hLogoutLink:hover { background-position:0 -64px; }
#HeadPannelW {width:300px; position:absolute; top:-100px; right:0; z-index:1000;}
#HeadPannel {height:100px; background:#555; }
#HeadPanelShowHide {
display:block; height:20px; line-height:20px; padding:0 10px; text-align:center;
position:absolute; bottom:-20px; right:0;
background:#555;color:#fff;
}
#HeadPanelShowHide:hover { cursor:pointer; background:#911; }
#content { margin:0; padding:0; }
#content p, #content ul, #content ol, #content dl { font-size:1.3em; line-height:1.5; }
#content p { text-align:justify; }
footer { width:100%; height:36px; margin:0; clear:both; display: none; }
#footer-copyrights {}
#footer-copyrights p { margin:0; line-height:36px; text-align:center; text-align:center; color:#aaa; font-size:1.2em; }
#footer-copyrights p #color-your-life { letter-spacing:1px; }
#conception-credit { text-decoration:none; color:#197ac4; font-weight:bold; padding-left:13px; background:transparent url(zims/crea2f-squares.gif) 0 50% no-repeat; }
#conception-credit span { color:#c5a624; }
#conception-credit:hover { color:#4D92C9; }
#conception-credit:hover span { color:#d6ae08; }
#HeadToolbarW { height:32px; width:32px; position:absolute; top:45px; right:0px; }
#HeadToolbarW ul { height:32px; overflow:visible; margin:0; padding:0;}
#HeadToolbarW ul li { list-style:none; float:left; width:32px; height:32px; margin:0 10px 0 0; margin:0; }
#HeadToolbarW ul li:last-child { margin-right:0;}
#HeadToolbarW ul li a { display:block; height:32px; text-indent:-9999px; overflow:hidden; outline:0; background-image:url(zims/frontend/head-toolbar.png); background-color:transparent; background-repeat:no-repeat;}
#HeadToolbarW ul li#HeadToolbar-refresh { display:none; }
#HeadToolbarW ul li#HeadToolbar-refresh a { background-position:0 -32px; }
#HeadToolbarW ul li#HeadToolbar-logout { position:relative; top:2px;}
#HeadToolbarW ul li#HeadToolbar-logout a { background-position:0 0; }
#LoadingIndicator {
display:block; width:220px; height:19px;
position:absolute; top:64px; left:0;
background:transparent url(zims/loader/loading-bar.gif) 0 0 no-repeat;
text-indent:-9999px; overflow:hidden; opacity:0; filter:alpha(opacity=0);
}
/**
* Misc
*/
div.clear { float:none; clear:both; height:1px; line-height:1px; margin:0; padding:0; }
/**
* Pagination
*/
.PaginationLinks { position:relative; clear:both; float:none; margin:5px 10px 0 10px; margin:0 100px 0 118px; text-align:center; line-height:17px; }
.PaginationLinks span.CurrentPage { font-size:1.2em; }
.PaginationLinks a.PaginationLink { color:#aaa; font-size:1.2em; }
.PaginationLinks a.PaginationLink:hover { color:#888; }
.PaginationLinks span.CurrentPage, .PaginationLinks a.PaginationLink { margin:0 3px; }
.PaginationLinks .PrevLink, .PaginationLinks .NextLink { position:absolute; top:50%; margin:0; margin-top:-7px; font-size:13px; }
.PaginationLinks .PrevLink { left:3px; }
.PaginationLinks .NextLink { right:0; }
.PaginationLinks span.PrevLink, .PaginationLinks span.NextLink { color:#ddd; }
/**
* Dialog
*/
.ui-dialog-content p { margin:10px; text-align:center; }
div.DialogWindowContent { display:none; }
.ui-dialog .DeleteConfirmationPopup { padding-left:90px; background:transparent url(zims/frontend/delete-confirm-icon.png) 5px 5px no-repeat; }
.ui-dialog .DeleteConfirmationPopup.processing { padding-left:40px; background:transparent url(zims/loader/dialog-loading.gif) 8px 10px no-repeat; }
.DeleteConfirmationPopup p { text-align:left; font-size:1.1em; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PAGES * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**
* AUTH
*/
#AuthForm {
width:173px; height:53px;
position:absolute; top:50%; left:50%;
margin:-36px 0 0 -106px; padding:20px;
background:#4f4c51 url(zims/frontend/auth-form.png) 0 0 repeat-x; box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}
#AuthForm fieldset { margin:0; padding:0;}
#AuthForm label { width:120px; display:none;}
#AuthForm #username, #AuthForm #pwd { width:95px; padding:0 0 0 20px; height:24px; line-height:24px; text-indent:0; background:#302f31; border:0; color:#999; font-size:0.9em;}
#AuthForm #username { background:transparent url(zims/frontend/auth-form-username.png) 0 0 no-repeat; }
#AuthForm #pwd { background:transparent url(zims/frontend/auth-form-password.png) 0 0 no-repeat; }
#AuthForm p.textField, #AuthForm p.passwordField { padding:0 0 5px 0; }
#AuthForm .formButtons { padding:0; text-align:center;}
#AuthFormSubmit { position:absolute; top:20px; left:142px; margin:0; padding:0; }
#AuthForm .formErrors { padding:0 0 0 20px;}
#Prompteur { position:relative; background:url(zims/frontend/prompt-bg.png) 0 0 no-repeat; height:27px; line-height:27px; width:960px; padding:0 10px; overflow: hidden; font-size:12px; color:#000; }
#Prompteur #AddMsg { display:block; height:25px; width:32px; text-indent:-5000px; overflow:hidden; position:absolute; right:1px; top:1px; background:url(zims/frontend/prompt-edit.png) 0 0 no-repeat; }
#PromptForm label { display:none; }
#PromptForm textarea { width:500px; }
#PromptForm .formButtons { padding-left:218px; }
#ProjetForm #type_id, #ProjetForm #client, #ProjetForm #detail { width:312px;}
#ProjetForm #projet { width:300px;}
#ProjetForm #field-priorite { overflow:auto; clear:both;}
#ProjetForm #priorite-slider { width:300px; float:left; margin-top:5px; background:transparent url(zims/backend/priorite-slider.jpg) 50% 50% no-repeat; }
#ProjetForm #PrioriteLabel { float:left; margin:2px 0 0 15px; font-weight:bold; color:#ccc; font-size:1.2em; }
#ProjetForm #field-date_livraison { clear:both;}
#ProjetForm #date_livraison { width:70px; text-align:center; text-indent:0;}
#NowZone { position:relative; background:url(zims/frontend/clock.png) 0 50% no-repeat; padding-left:30px; color:#3F93C7; font-size:14px; line-height:35px; height:35px; top:-10px; margin-top:-30px; text-shadow: 2px 2px 1px #000; width:300px; }
#ProjectsListW { position:relative; height:630px; width:980px; }
#ProjetsFooterW { position:absolute; bottom:0; width:980px; height:40px; text-align:center; padding:8px 0 0 0; }
/*#ProjetsFooterW #FooterPagination { list-style-type:none; overflow: auto; width:500px; margin:0; }*/
#ProjetsFooterW #FooterPagination { text-align:center; }
#ProjetsFooterW #FooterPagination a.PaginationLink { display:inline-block; width:32px; height:30px; background:url(zims/frontend/num-page.png) -32px 0 no-repeat; overflow:hidden; text-indent:-500px; }
#ProjetsFooterW #FooterPagination a:hover, #ProjetsFooterW #FooterPagination a.CurrentPage { background-position:0 0; }
#ProjetsFooterW a#AddProjet { position:absolute; top:0; right:0; display:block; width:40px; background:url(zims/frontend/button-plus.jpg) 0 bottom no-repeat; height:40px; text-indent:-5000px; overflow:hidden; }
#ProjetsFooterW a#AddProjet:hover { background-position:0 -2px; }
#ProjetsFooterW a#AllProjets { position:absolute; top:0; left:0; display:block; width:40px; background:url(zims/frontend/button-all.jpg) 0 bottom no-repeat; height:40px; text-indent:-5000px; overflow:hidden; }
#ProjetsFooterW a#AllProjets:hover { background-position:0 -2px; }
#ProjetsFooterW a#CurrentProjets { position:absolute; top:0; left:0; display:block; width:40px; background:url(zims/frontend/button-back.jpg) 0 bottom no-repeat; height:40px; text-indent:-5000px; overflow:hidden; }
#ProjetsFooterW a#CurrentProjets:hover { background-position:0 -2px; }
.Project { width:980px; height:32px;background-color:transparent;background-image:url(zims/frontend/project-bg.png);background-repeat:no-repeat;position:relative;}
.Project.Priority-4 { background-position:0 0; }
.Project.Priority-3 { background-position:0 -33px; }
.Project.Priority-2 { background-position:0 -66px; }
.Project.Priority-1 { background-position:0 -99px; }
.Project .Priority { text-shadow: 1px 1px 1px #ccc; display:block; width:30px; height:32px; line-height:32px; position:absolute; top:0; left:0; text-align:center; font-size:1.6em; font-weight:bold; cursor:pointer; }
.Project .Name { display:block; width:390px; height:32px; line-height:32px; position:absolute; top:0; left:44px; font-size:1.2em; font-weight:bold; left:40px; padding-left:28px; }
.Project-1 .Name { background:transparent url(zims/frontend/icone-web-24.png) 0 50% no-repeat; }
.Project-2 .Name { background:transparent url(zims/frontend/icone-facebook-24.png) 0 50% no-repeat;}
.Project-3 .Name { background:transparent url(zims/frontend/icone-mail-24.png) 0 50% no-repeat;}
.Project-4 .Name { background:transparent url(zims/frontend/icone-print-24.png) 0 50% no-repeat;}
.Project a.Details {display:block;width:32px;height:32px;line-height:32px;position:absolute;top:0;left:435px;text-align:center;font-size:3em;font-weight:bold;}
.Project .Buttons {display:block; width:479px; height:32px; line-height:32px; position:absolute; top:0; left:472px; z-index:10; font-size:1.2em;}
.Project .Button {
display:block; float:left; width:75px; height:26px; line-height:27px; text-align:center; position:relative; z-index:11;
margin:3px 4px 0 0; padding:0; font-weight:bold; color:#272428;
background-color:transparent; background-image:url(zims/frontend/project-button.jpg); background-repeat:no-repeat;
}
.Project .Button.Value-0 { background-position:0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.4); }
.Project .Button.Value-1 { background-position:0 -26px; box-shadow:1px 1px 5px rgba(217,136,8,0.4); }
.Project .Button.Value-2 { background-position:0 -52px; box-shadow:1px 1px 5px rgba(228,87,46,0.4); }
.Project .Button.Value-3 { background-position:0 -78px; box-shadow:1px 1px 5px rgba(158,222,44,0.4); }
.Project .Button.Value-0:hover { background-position:0 0; box-shadow:1px 1px 10px rgba(0,0,0,0.6); }
.Project .Button.Value-1:hover { background-position:0 -26px; box-shadow:1px 1px 10px rgba(217,136,8,0.6); }
.Project .Button.Value-2:hover { background-position:0 -52px; box-shadow:1px 1px 10px rgba(228,87,46,0.6); }
.Project .Button.Value-3:hover { background-position:0 -78px; box-shadow:1px 1px 10px rgba(158,222,44,0.6); }
.Project .Button strong{ display:block; height:100%; font-weight:bold; cursor:pointer; }
.Project .PublicationDetails {display:block; width:479px; height:32px; line-height:32px; position:absolute; top:0; left:475px; z-index:10; }
#content .Project .PublicationDetails p.PublicationLabel { margin:0; padding:0; height:32px; line-height:32px; font-size:1.2em;}
.ProjectClose {
display:block; width:12px; height:12px;
position:absolute; right:10px; top:10px;
background:transparent url(zims/frontend/project-close.png) 0 0 no-repeat;
text-indent:-9999px; overflow:hidden; outline:0;
}
.ProjectClose:hover { background-position:0 -12px; }
/**
* Sélecteur status
**/
.ProjectSubMenu{width:71px; width:52px; height:16px;margin:0; padding:2px;position:absolute; left:0; top:26px; background:rgba(0,0,0,0.6); display:none; /*display:none;*/}
.ProjectSubMenu li{list-style:none; margin:0 2px 0 0; padding:0; float:left; width:16px; height:16px;}
.ProjectSubMenu li.Value-2 { display:none; }
.ProjectSubMenu li:last-child{ margin-right:0;}
.ProjectSubMenu li a {display:block; height:16px; text-indent:-9999px; overflow:hidden; outline:0; background-color:transparent; background-image:url(zims/frontend/project-sub-buttons.jpg); background-repeat:no-repeat;}
.ProjectSubMenu li.Value-0 a{ background-position:0 0;}
.ProjectSubMenu li.Value-1 a{ background-position:0 -16px;}
.ProjectSubMenu li.Value-2 a{ background-position:0 -32px;}
.ProjectSubMenu li.Value-3 a{ background-position:0 -48px;}
/**
* Sélecteur priorite
**/
.PrioriteSubMenu { width:71px; width:52px; height:16px;margin:0; padding:2px;position:absolute; left:0; top:26px; background:rgba(0,0,0,0.6); display:none; /*display:none;*/}
/*.PrioriteSubMenu li{list-style:none; margin:0 2px 0 0; padding:0; float:left; width:16px; height:16px;}
.PrioriteSubMenu li.Value-2 { display:none; }
.PrioriteSubMenu li:last-child{ margin-right:0;}
.PrioriteSubMenu li a {display:block; height:16px; text-indent:-9999px; overflow:hidden; outline:0; background-color:transparent; background-image:url(zims/frontend/project-sub-buttons.jpg); background-repeat:no-repeat;}
.PrioriteSubMenu li.Value-0 a{ background-position:0 0;}
.PrioriteSubMenu li.Value-1 a{ background-position:0 -16px;}
.PrioriteSubMenu li.Value-2 a{ background-position:0 -32px;}
.PrioriteSubMenu li.Value-3 a{ background-position:0 -48px;}*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * MENUS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**
* Propriétés globales
*/
ul.HTMLMenu { margin:0; padding:0; }
ul.HTMLMenu li { margin:0; padding:0; list-style:none; font-size:13px;height:28px; line-height:28px; position:relative; }
.lt-ie7 ul.HTMLMenu { height:28px; }
.lt-ie7 ul.HTMLMenu li { width:100px; }
ul.HTMLMenu li a, ul.HTMLMenu li strong.HTMLMenuTitle { display:block; height:28px; padding:0 10px; color:#5f5f5f; font-weight:normal; text-decoration:none; }
ul.HTMLMenu li a:hover, ul.HTMLMenu li:hover > strong.HTMLMenuTitle { color:#01657a; background:#ebebeb; }
ul.HTMLMenu li.HTMLMenuItem-Current a, ul.HTMLMenu li.HTMLMenuItem-Current > strong.HTMLMenuTitle { color:#01657a; background:#ebebeb; }
ul.HTMLMenu ul { width:150px; position:absolute; }
ul.HTMLMenu ul li { background:#f3f3f3; }
ul.HTMLMenu ul li:hover { background:#e0e0e0; }
ul.HTMLMenu ul li a {}
ul.HTMLMenu ul li strong.HTMLMenuTitle {}
ul.HTMLMenu ul li:hover > strong.HTMLMenuTitle { background:#e0e0e0; }
ul.HTMLMenu ul li a span {}
ul.HTMLMenu ul li ul {}
ul.HTMLMenu ul li ul li {}
ul.HTMLMenu ul li ul li a {}
ul.HTMLMenu ul li ul li ul {}
html.js ul.HTMLMenu ul { display:none; }
ul.HTMLMenu-Level1 { background:#fafafa; overflow:auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 { float:left; }
ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 a{}
ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1:hover .HTMLMenuTitle-Level1{background:#efefef;}
ul.HTMLMenu-Level2 { top:28px; left:0; }
ul.HTMLMenu li.HTMLMenuItem-Level2 {}
ul.HTMLMenu li.HTMLMenuItem-Level2 a{}
ul.HTMLMenu-Level3 { top:0; left:150px; }
ul.HTMLMenu li.HTMLMenuItem-Level3 {}
ul.HTMLMenu li.HTMLMenuItem-Level3 a{}
ul.HTMLMenu-Level4 { top:0; left:150px; }
ul.HTMLMenu li.HTMLMenuItem-Level4 {}
ul.HTMLMenu li.HTMLMenuItem-Level4 a{}