@CHARSET "UTF-8";

BODY	{margin:0px; padding:0px; background:#bacce4 url(/media/background.jpg) no-repeat center top; font-family:lucida,arial,sans-serif,helvetica; min-width:1000px; min-height:600px;}
A IMG	{border:0px;}
INPUT	{margin:0px;}

DIV 	{border:0px solid red;}

.ui-dialog-title {font-size:14px;}
.bt_mini button  {}
.bt_mini a {font-size:0.8em;}

#bluesky {margin:0px; padding:0px; background-color:#77a7cd; height:20px; width:100%; border-bottom:3px solid #ab0104;}
#whitebanner {margin:0px; padding:0px; background-color:#ffffff; height:90px; width:100%; border-bottom:1px solid #cccccc;}
#whitebanner .gradient {margin:0px; padding:0px; height:40px; width:100%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cfcfcf, endColorstr=#ffffff)";background: -moz-linear-gradient(top,  #cfcfcf,  #ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#ffffff));}
#whitefooter {position:fixed; z-index:500; bottom:0px; left:0px; padding:0px; background-color:#ffffff; height:20px; width:100%; border-top:3px solid #cccccc; font-style:italic; line-height:20px; text-align:center; font-size:10px; color:#666666;}

#desktop {position:absolute; top:0px; left:0px; width:100%; padding:0px;}
#interface {position:relative; margin:0px auto; padding:0px; top:23px; width:1000px;}
#interface .header {position:relative; margin:0px; padding:0px; top:0px; width:100%; height:90px;}
#interface .header .logo {position:absolute; margin:0px; padding:0px; left:1px; top:1px; width:400px; height:85px; text-align:left; background:transparent url(/conf/header_bg_map.png) no-repeat left top;}
#interface .header .ahead {position:absolute; margin:0px; padding:0px; right:1px; top:1px; width:600px; height:30px; text-align:right;}
#interface .header .finderField {position:absolute; margin:0px; padding:0px; right:1px; bottom:1px; width:450px; height:35px; border:0px solid red;}
#ihm {position:relative; margin:0px; padding:0px; left:0px; top:0px; width:100%; border:0px solid red;}
#ihm .watermark {position:absolute; margin:0px; padding:0px; right:0px; top:0px; width:935px; height:145px; background:transparent url(/media/watermark.png) no-repeat right top;}

#clock,
#flag,
#connexion_id {display:inline-block; font-size:12px; color:#666666; margin-top:5px;}

#flag img {vertical-align:-2px;}

.buttonsController .space {margin-right:100px;}

#bt_print,
#bt_getCSV,
#bt_editTeam,
#bt_editCarPark,
#bt_editUser {width:20px; height:20px; margin:0 5px; vertical-align:12px;}
#bt_print,
#bt_getCSV,
#bt_editTeam,
#bt_editCarPark,
#bt_editUser,
#bt_newCustomer {cursor:pointer;}

#interface .header .finderField {font-size:12px; color:#666666;}
#interface .header .finderField input {width:230px; height:20px; font-size:15px; padding:2px 10px; margin-right:10px;}
#interface .header .finderField label {font-size:12px; color:#666666; font-weight:bold; font-style:italic; display:inline-block; margin-right:10px;}
#interface .header .finderField button {vertical-align:1px;}

/* LOGOUT */
#ihm .logotype {position:absolute; margin:0px; padding:0px; left:705px; top:100px; width:210px; height:165px; background:transparent url(/media/logotype.png) no-repeat 0 0;}

#authentification_target {position:relative; top:305px; left:85px; width:470px; height:270px;}
#authentification_target fieldset {border:5px solid #666666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:ridge #ffffff;}
#authentification_target fieldset legend {font-size:30px; color:#ffffff; font-weight:bold; font-style:italic; text-shadow: 1px 1px 1px #666666; margin-left:20px;}
#authentification_target fieldset label {font-size:20px; color:#ffffff; font-weight:bold; font-style:italic; text-shadow: 1px 1px 1px #666666; display:inline-block; width:150px; margin-left:10px;}
#authentification_target fieldset input {width:230px; height:20px; font-size:15px; padding:2px 10px;}
#authentification_target fieldset p:nth-of-type(3) {text-align:right; padding-right:20px;}
#authentification_target fieldset .bt_connexion {font-size:15px; }

.buttonsController {position:absolute; margin:0px; padding:0px; right:0px; top:130px; width:88px; height:390px; border:0px solid red;}
.buttonsController a {line-height:60px;}
.buttonsController .x4 a {line-height:20px;}
.buttonsController .x4 {position:relative; width:84px; height:84px; border:0px solid red;}

.widget1 {position:absolute; margin:0px; padding:0px; left:25px; top:5px; width:300px; height:85px; border-bottom:1px solid #666666;}
.widget2 {position:absolute; margin:0px; padding:0px; left:350px; top:5px; width:300px; height:85px; border-bottom:1px solid #666666;}
.widget3 {position:absolute; margin:0px; padding:0px; left:675px; top:5px; width:300px; height:85px; border-bottom:1px solid #666666;}

.dashboard .frame1 {position:absolute; margin:0px; padding:0px; left:5px;   top:100px; width:500px; height:430px; border:0px solid red;}
.dashboard .frame2 {position:absolute; margin:0px; padding:0px; left:510px; top:100px; width:400px; height:204px; border:0px solid red;}
.dashboard .frame3 {position:absolute; margin:0px; padding:0px; left:510px; top:318px; width:400px; height:204px; border:0px solid red;}


.customer .breadcrumb 	{position:absolute; margin:0px; padding:0px; left:10px;  top:100px; width:990px; height:15px; border:0px solid red; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:967px;}
.customer .frame1 		{position:absolute; margin:0px; padding:0px; left:5px;   top:120px; width:450px; height:194px; border:0px solid red;}
.customer .frame2 		{position:absolute; margin:0px; padding:0px; left:5px;   top:328px; width:450px; height:214px; border:0px solid red;}
.customer .frame3 		{position:absolute; margin:0px; padding:0px; left:5px; 	 top:556px; width:450px; height:164px; border:0px solid red;}

.customer .frame4 		{position:absolute; margin:0px; padding:0px; left:460px; top:120px; width:450px; height:488px; border:0px solid red;}
.customer .frame5 		{position:absolute; margin:0px; padding:0px; left:460px; top:636px; width:450px; height:244px; border:0px solid red;}
.customer .frame6 		{position:absolute; margin:0px; padding:0px; left:460px; top:894px; width:450px; height:244px; border:0px solid red;}

.customer .frame7 		{position:absolute; margin:0px; padding:0px; left:5px; top:894px; width:450px; height:300px; border:0px solid red;}

#componentProject .frame1	{position:absolute; top:110px; left:310px; width:275px; height:175px; border:0px solid red;}
#componentProject .frame2	{position:absolute; top:110px; left:600px; width:285px; height:175px; border:0px solid red;}
#componentProject .frame3	{position:absolute; top:290px; left:310px; width:275px; height:130px; border:0px solid red;}
#componentProject .frame4	{position:absolute; top:290px; left:600px; width:285px; height:130px; border:0px solid red;}

#componentProject .frame5	{position:absolute; top:290px; left:600px; width:285px; height:355px; border:0px solid red;}
#componentProject .frame6	{position:absolute; top:290px; left:310px; width:275px; height:175px; border:0px solid red;}
#componentProject .frame7	{position:absolute; top:290px; left:310px; width:275px; height:130px; border:0px solid red;}
#componentProject .frame8	{position:absolute; top:423px; left:12px; width:284px; height:130px; border:0px solid red;}

#componentProject .frame9	{position:absolute; top:557px; left:310px; width:275px; height:200px; border:0px solid red;}
#componentProject .frame10	{position:absolute; top:557px; left:600px; width:285px; height:200px; border:0px solid red;}
#componentProject .frame11	{position:absolute; top:559px; left:12px; width:285px; height:200px; border:0px solid red;}

.reporting .frame1 {position:absolute; margin:0px; padding:0px; left:5px; top:150px; width:1000px; height:430px; border:0px solid red;}
.reporting .buttonsController {position:absolute; margin:0px; padding:0px; right:5px; top:100px; width:450px; height:50px; border:0px solid red; text-align:right;}
.reporting .buttonsController img {width:50px; height:50px;}

.project .frame1 {position:absolute; margin:0; padding:0; left:5px;   top:100px; width:905px; height:430px; border:0px solid red;}

.schedule2 .frame1 {position:absolute; top:50px; left:0; padding:0; width:100vw; overflow:hidden; height:calc(100vh - 227px); border:0;}
.schedule2 .buttonsController {position:absolute; margin:0px; padding:0px; right:5px; top:5px; width:500px; height:50px; border:0px solid red; text-align:right;}
.schedule2 .buttonsController img {width:50px; height:50px;}
#scheduleGrid {overflow: scroll; width:calc(100vw - 12px); height:calc(100vh - 262px); position: relative;}

.customer .breadcrumb {padding:2px 0; font-size:12px; font-style:italic; font-weight:bold; color:#000;}
.customer .breadcrumb a,.customer2 .breadcrumb a:hover {font-size:12px; font-style:italic; font-weight:bold; color:#0059B2;}

/* widget */
.widget {position:relative;}
.widget span.first {display:block; position:absolute; bottom:-6px; left:2px; width:35px; height:35px; z-index:50; background-image:url(/media/first35px.png);}

/* widgetTurnover */
#widgetTurnover {cursor:pointer;}
#widgetTurnover H2 {float:left; width:130px; height:80px; line-height:95px; margin:0; padding:0; font-size:90px; font-style:italic; color:#A6AAAA; border:0px solid red;}
#widgetTurnover p {padding:0; margin:0;}
#widgetTurnover .turnoverValue {padding-top:6px; font-size:12px; font-style:italic; color:#5697D4;}
#widgetTurnover .turnoverValue span {min-width:135px; float:right;text-align:right; font-size:27px; font-weight:bold; color:#5697D4;}
#widgetTurnover .turnoverHighScore {padding:2px 0; font-size:12px; font-style:italic; font-weight:bold; color:#0059B2;}
#widgetTurnover .turnoverHighScore span {min-width:80px; float:right; text-align:right; font-size:14px;}
#widgetTurnover .turnoverMyScore {padding:2px 0; font-size:12px; font-style:italic; font-weight:bold; color:#0059B2;}
#widgetTurnover .turnoverMyScore span {min-width:80px; float:right; text-align:right; font-size:14px;}
#turnoverPeriodSelector {font-size:0.5em; text-align:center;}

/* widgetProject */
#widgetProject {cursor:pointer;}
#widgetProject H2 {float:left; width:150px; height:80px; line-height:95px; margin:0; padding:0; font-size:66px; font-style:italic; color:#5697D4;}
#widgetProject p {padding:0; margin:0;}
#widgetProject .projectLabel {padding-top:6px; font-size:20px; font-style:italic; text-align:right; font-weight:bold; color:#A6AAAA;}
#widgetProject .projectPeriodLabel {margin-top:-5px; font-size:12px; font-style:italic; text-align:right; color:#5697D4;}
#widgetProject .projectHighScore {padding:2px 0; font-size:12px; font-style:italic; font-weight:bold; color:#0059B2;}
#widgetProject .projectHighScore span {float:right; font-size:16px;}
#widgetProject .projectMyScore {padding:2px 0; font-size:12px; font-style:italic; font-weight:bold; color:#0059B2;}
#widgetProject .projectMyScore span {float:right; font-size:16px;}
#invoiceFilterSelector {font-size:0.5em; text-align:center;}

/* widgetInvoice */
#widgetInvoice H2 {float:left; width:130px; height:80px; line-height:95px; margin:0; padding:0; font-size:90px; font-style:italic; color:#5697D4; border:0px solid red;}
#widgetInvoice p {padding:0; margin:0;}
#widgetInvoice .invoiceLabel {text-align:left; padding-top:6px; font-size:26px; font-style:italic; font-weight:bold; color:#A6AAAA; border:0px solid red;}
#widgetInvoice .invoiceAmount {padding:2px 0; font-size:12px; font-style:italic; font-weight:bold; color:#0059B2; border:0px solid red;}
#invoiceFilterSelector {font-size:0.5em; text-align:center;}

/* widgetProspect */
#widgetProspect H2 {float:left; width:130px; height:80px; line-height:95px; margin:0; padding:0; font-size:90px; font-style:italic; color:#5697D4; border:0px solid red;}
#widgetProspect p {padding:0; margin:0;}
#widgetProspect .prospectLabel {text-align:left; padding-top:6px; font-size:26px; font-style:italic; font-weight:bold; color:#A6AAAA; border:0px solid red;}
#widgetProspect .prospectTurnover {padding:2px 0; font-size:12px; font-style:italic; font-weight:bold; color:#00AA00; border:0px solid red;}
#prospectFilterSelector {font-size:0.5em; text-align:center;}

/* widgetProgress */
#widgetProgress ul {position:relative; padding:0; margin:0 0 8px 0; list-style:none; height:50px; white-space:nowrap;}
#widgetProgress li {position:relative; padding:0; margin:0; display:inline-block; width:100px; border-right:1px solid #666666; cursor:default;}
#widgetProgress li span {position:absolute; padding:0; width:50px; height:25px; right:4px; color:#A6AAAA; text-align:right; font-weight:bold; font-size:18px;}
#widgetProgress li span.top {top:0;}
#widgetProgress li span.bottom {bottom:0;}
#widgetProgress li span.up {color:#00AA00;}
#widgetProgress li span.down {color:#DD0000;}
#widgetProgress div span.legend {font-weight:bold; font-size:11px; color:#A6AAAA;}

#progressFilterSelector {font-size:0.5em; text-align:center;}
#widgetProgress #progressFilterSelector {font-size:0.5em; text-align:right;}

.filterSelector  {font-size:0.5em; text-align:center;}

/* component* Schedule|Todo|CurrentCustomer */
.component						{position:relative;}
.component > fieldset			{border:4px solid #ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.component > fieldset > legend	{padding:0 8px; font-size:25px; color:#ffffff; font-weight:bold; font-style:italic; text-shadow: 1px 1px 1px #666666; margin-left:20px;}
.component > fieldset > h3		{padding:0; margin:0 0 10px 0; text-align:right; color:#666666; font-style:italic;}
.component > fieldset > h3 > span {color:#aa0000;}
.component > fieldset > span	{background:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:4px; color:#DD0000; font-size:12px; font-style:italic;}
.component .tools 				{position:absolute; bottom:8px; right:10px; width:20px; height:20px;}
.component .tools img 			{width:20px; height:20px; cursor:pointer;}

.component2						{position:relative;}
.component2 > fieldset			{border:3px solid #ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.component2 > fieldset > legend	{padding:0 8px; font-size:18px; color:#ffffff; font-weight:bold; font-style:italic; text-shadow: 1px 1px 1px #666666; margin-left:20px;}
.component2 > fieldset > span	{background:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:4px; color:#DD0000; font-size:12px; font-style:italic;}
.component2 .tools 				{position:absolute; bottom:8px; right:10px; width:20px; height:20px;}
.component2 .tools img 			{width:20px; height:20px; cursor:pointer;}
.component2 ul.list li h3.light {font-weight:normal; color:grey;}

fieldset.inblock				{margin:0; border:3px solid #ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
fieldset.inblock > legend		{padding:0 8px; font-size:20px; color:#ffffff; font-weight:bold; font-style:italic; text-shadow: 1px 1px 1px #666666; margin-left:20px;}

.dashboard #componentSchedule fieldset			{height:406px;}
.dashboard #componentInvoicesOverdue fieldset	{height:406px;}
#componentTask > fieldset						{height:188px;}
#componentCurrentProject > fieldset				{height:188px;}
#componentCurrentIntervention > fieldset		{height:188px;}

#componentCustomerAgency > fieldset		{height:178px;}
#componentCustomerContact > fieldset	{height:198px;}
#componentCustomerLocation > fieldset	{height:308px;}
#componentCustomerProject > fieldset	{height:485px;}
#componentCustomerSecurityNote > fieldset	{height:228px;}
#componentCustomerTechnicalNote > fieldset	{height:228px;}
#componentCustomerEquipment > fieldset	{height:228px;}

#componentProject > fieldset				{height:800px;}
#componentProjectBilling > fieldset			{height:150px;}
#componentProjectIntervention > fieldset	{height:150px;}
#componentProjectNote > fieldset			{height:238px;}
#componentProjectTask > fieldset			{height:105px;}
#componentProjectDocs > fieldset			{height:238px;}
#componentGed > fieldset					{height:540px;}
#componentProjectSecurityNote > fieldset	{height:228px;}
#componentProjectTechnicalNote > fieldset	{height:228px;}
#componentProjectIntervenantsNote > fieldset{height:226px;}

#componentCustomerLocation > fieldset > ul.list li h2 {overflow: hidden; text-overflow: ellipsis; width: 360px;}

.schedule #componentSchedule > fieldset			{position:relative; min-height:406px; margin-bottom:10px;}

.reporting fieldset	{position:relative; min-height:406px; margin-bottom:10px;}

/* List */
li {cursor:pointer;}
ul.list {position:relative; margin:0; padding:0; font-style:italic; height:85%; overflow:hidden; overflow-y:scroll;}
ul.list li {position:relative; min-height:30px; list-style:none; padding:2px; margin:0; background-color:none; border-radius:2px;}
ul.list li:nth-child(odd) {background-color:#E9EEEE;}
ul.list li.current,
ul.list li:hover,
ul.list li:nth-child(odd):hover {background-color:#DBCB9B;}
ul.list li dl {margin:0; padding:0;}
ul.list li dt {display:inline-block; width:22%; margin:0; padding:0; overflow:hidden; vertical-align:top;}
ul.list li dt p {margin:0; padding:0; overflow:hidden; font-size:10px; white-space:nowrap; text-overflow: ellipsis}
ul.list li dd {display:inline-block; width:76%; margin:0; padding:0; overflow:hidden; vertical-align:top;}
ul.list li > span {position:absolute; top:2px; right:2px; text-align:right; font-size:12px; color:#009900;}
ul.list li h2 {margin:0; padding:0; font-size:14px; color:#0066cc;}
ul.list li h2 span {padding-left:4px; font-size:12px; color:#ffffff;}
ul.list li h3 {margin:0; padding:0; font-size:12px; color:#666666;}
ul.list li h4 {margin:0; padding:0; font-size:12px; color:#aa0000;}
ul.list li h4 img{margin:2px; width:16px; hright:16px; vertical-align:-2px;}

div.dir ul {margin:0; padding:0; list-style:none;}
div.dir > ul > li {font-size:14px; color:#0066cc;}
div.dir > ul > li:nth-child(odd) {background-color:#E9EEEE;}
div.dir > ul > li  ul > li {margin-left:15px; font-size:12px; color:#666666;}
.dropzone.in {background-color:#DBCB9B !important;}
.glyphicons {vertical-align:-1px !important;}

#componentProjectNote > fieldset > ul.list 	{height:90%;}
#componentProjectDocs > fieldset > ul.list 	{height:90%;}
#componentProjectDocs > fieldset > div.dir {position:relative; margin:0; padding:0; font-style:italic; height:85%; overflow:hidden; overflow-y:scroll;}

ul.simplePagerNav {position:absolute; margin:0; padding:0; left:0px; bottom:10px; width:100%; height:20px; text-align:center;}
ul.simplePagerNav li {display:inline-block; list-style:none; padding:2px; margin:1px 3px; width:32px; height:16px; line-height:16px; font-size:14px; font-weight:bold; background-color:#DDE7E7;}
ul.simplePagerNav li:hover {background-color:#DDE7E7;}
ul.simplePagerNav li.currentPage {background-color:#EEEEEE; padding:1px; border:1px solid #555555;}
ul.simplePagerNav li a {text-decoration:none;}
ul.simplePagerNav li a:hover {text-decoration:none;}

fieldset.inblock ul.simplePagerNav {position:absolute; margin:0; padding:0; left:0px; bottom:5px; width:100%; height:20px; text-align:center;}

/* Table */
table.designTable {width:100%; font-style:italic;}
table.designTable tr {}
table.designTable tr.light td {background-color:#cee2d8;}
table.designTable tr:nth-child(1) {height:25px;}
table.designTable tr:nth-child(1) > th {font-size:16px;}
table.designTable th {background-color:#D4E2E2; font-size:12px; color:#ABAFAF;}
table.designTable td {border-bottom:1px dashed #A3A3A3; background-color:#BCD8CA;}
table.designTable tr.light td.booked,
table.designTable td.booked {background-color:#E1CACA; font-weight:bold; color:#ffffff; font-size:11px;}
table.designTable tr.light td:hover,
table.designTable td:hover{background-color:#DDE7E7;}
table.designTable tr {border:0px;}
/* ------- */

.cgreen {color:#00AA00;}
.cred {color:#EE0000;}
.cblue {color:#0000EE;}

/* ------- */
.ui-menu-item,
.ui-menu-item a,
a#ui-active-menuitem  {font-size:0.8em;}
ul.ui-menu {border-radius:4px; padding:10px !important;}
li.ui-menu-item {padding:1px !important;}
li.ui-menu-item.ui-state-focus {padding:0 !important;}

/* jqModal plug-in */
.jqmOverlay {background-color:#000; z-index:99999;}
div.jqmAlert {display:none; position:fixed; top:17%; width:100%; z-index:100000;}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {position:absolute; top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
div.jqmAlertWindow {margin:auto; position:relative; width:458px; height:260px; background:transparent url(/media/bg_alertPopup.png) no-repeat left top;}
.jqmAlertTitle{position:absolute; top:-12px; left:35px; width:400px; height:42px; color:#000; overflow:hidden;}
.jqmAlertTitle h1{margin:0px; padding:0; font-size:55px; font-style:italic; font-weight:bold; color:#e60000; float:left; height:20px; opacity : 0.7; -moz-opacity : 0.7; -ms-filter: "alpha(opacity=70)";}
div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {position:absolute; display:block; width:25px; height:25px; right:0px; top:0px; background:transparent url(/media/bt_close.png) 0 0 no-repeat;}
div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 1px 1px; }
div.jqmAlertContent{display:table-cell; position:absolute; top:40px; left:30px; width:255px; height:67px; font-size:14px; font-style:italic; font-weight:bold; text-align:center; vertical-align:middle;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.combobox	.ui-combobox {width:auto; position:relative; display:inline-block;}
.combobox	.ui-button {width:auto; position:absolute; top:0; bottom:0; margin-left:-1px; padding:0; /* adjust styles for IE 6/7 */ *height:1.7em; *top:0.1em;}
.combobox	.ui-autocomplete-input {width:auto; margin:0; padding:0.3em;}

/* Formulaire d'édition */
.editForm {position:relative; min-width:340px;}
.editForm p {position:relative; margin:5px 90px 5px 30px; border-bottom:1px solid #666666; text-align:left;}
.editForm p.noBottomMark {border-bottom:0px;}
.editForm p > span {margin:5px 0;}
.editForm ul.teamList {position:relative; margin:5px 96px 5px 36px; padding:0; background-color:none;}
.editForm ul.teamList li {cursor:auto; position:relative; list-style:none; text-align:left; background-color:#bcd8ca; border-radius:4px; margin:2px 0px; padding:1px; height:17px; color:#666666; font-size:13px; font-weight:bold;}
.editForm ul.teamList li > span {cursor:pointer; position:absolute; top:2px; right:2px; width:15px; height:15px; background-color:#aa0000; color:#DDDDDD; text-align:center; line-height:15px; font-size:15px; font-weight:bold; border-radius:3px; border-left:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
.editForm ul.jQList {position:relative; margin:5px 96px 5px 36px; padding:0; background-color:none;}
.editForm ul.jQList li {cursor:auto; position:relative; list-style:none; text-align:left; background-color:#bcd8ca; border-radius:4px; margin:2px 0px; padding:1px; height:17px; color:#666666; font-size:13px; font-weight:bold;}
.editForm ul.jQList li > span {cursor:pointer; position:absolute; top:2px; right:2px; width:15px; height:15px; background-color:#aa0000; color:#DDDDDD; text-align:center; line-height:15px; font-size:15px; font-weight:bold; border-radius:3px; border-left:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
.editForm p span {display:block; position:relative;}
.editForm p > span label {display:block; position:relative; width:99%; text-align:right; font-size:11px; color:#aaaaaa; font-style:italic;}
.editForm p > span label span.idView {display:block; position:absolute; width:100px; bottom:0; left:0; text-align:left; font-size:11px; color:#dd0000; font-style:italic;}
.editForm p > span.former input {display:block; position:relative; width:100%; font-size:14px; font-weight:bold;}
.editForm p > span > span.status {white-space:nowrap;}
.editForm p > span > span.status img {border:2px solid #f0de7d; border-radius:3px; margin:0px; padding:0px;}
.editForm p > span > span.status img.current {border:2px solid #00dd00; border-radius:3px; background-color:#00dd00;}
.editForm p > span > span.status img:hover {border:2px solid #ff0000; border-radius:3px; background-color:#ff0000;}
.editForm p > span a {height:19px; vertical-align:-5px; background-color:#ffffff; background-image:none;}
.editForm p > span input {background-color:#ffffff; background-image:none; font-size:14px; width:83.2%;}
.editForm p > span textarea {display:block; position:relative; width:100%; height:100px; font-size:14px;}
.editForm .trace {font-size:10px; font-style:italic; padding:1px; margin:0px; margin-bottom:10px; text-align:right;}

.editForm table {margin-left:30px; border:1px; width:80%;}
.editForm table td {font-size:12px; color:#666666; text-align:left; vertical-align:top;padding:2px;}
.editForm table td.hdsend {font-weight:bold;}
.editForm table tr:nth-child(odd) {background-color:#f9e98d;}
.editForm table td.hauthor {text-align:right;}
.editForm table td.hsubject {color:red; font-weight:bold;}
.editForm table td.hto {color:#0000AA; font-weight:bold;}
.editForm table td.hto strong {color:#666666;}
.editForm table td.hto,
.editForm table td.hfrom,
.editForm table td.hauthor {font-size:11px; font-style:italic;}

.editForm .icon {position:absolute; width:30px; height:30px; top:0px; left:-34px;}
.editForm .icon img {width:26px; height:26px;}
.editForm .tools 		{position:absolute; width:65px; height:80px; bottom:-10px; right:0; padding-top:10px; text-align:center; background: -webkit-gradient(linear, left bottom, left top, from(#efefef), to(#ffffAA));}
.editForm.insert .tools {position:absolute; width:65px; height:80px; bottom:-10px; right:0; padding-top:10px; text-align:center; background: -webkit-gradient(linear, left bottom, left top, from(#efefef), to(#ffffAA));}
.editForm.update .tools {position:absolute; width:65px; height:140px; bottom:-10px; right:0; padding-top:0px; text-align:center; background: -webkit-gradient(linear, left bottom, left top, from(#efefef), to(#ffffAA));}
.editForm .tools img {display:block; weight:40px; height:40px; margin:20px auto; cursor:pointer;}

.editForm span.filterSelector {display:block; position:relative; margin-bottom:2px;}
.editForm span.filterSelector > label {display:inline-block; position:relative; width:auto; text-align:center; font-size:10px; color:#333333; font-style:normal;}

.editForm .infoProject {display:none; font-size:14px; color:#666666; text-align:right; font-weight:600;background-color: #bcd8ca; border-radius: 4px; margin: 2px 0px; padding: 4px;}

span.filterSelector {display:block; position:relative; margin-bottom:2px;}
span.filterSelector > label {display:inline-block; position:relative; width:auto; text-align:center; font-size:10px; color:#333333; font-style:normal;}

.filterSelector {display:block; position:relative; margin-bottom:2px;}
.filterSelector > label {display:inline-block; position:relative; width:auto; text-align:center; font-size:10px; color:#333333; font-style:normal;}

.usercombobox	.ui-combobox {width:50%; position:relative; display:inline-block;}
.usercombobox	.ui-button {width:50%; position:absolute; top:0; bottom:0; margin-left:-1px; padding:0; /* adjust styles for IE 6/7 */ *height:1.7em; *top:0.1em;}
.usercombobox	.ui-autocomplete-input {width:50%; margin:0; padding:0.3em;}

.alignRight {text-align:right;}
.dateUpdater{cursor:pointer;}

label > span.checkbox {width:100%; font-size:12px; text-align:left; display:inline-block; color:black; margin-bottom:4px;}
label > span.checkbox > input[type=checkbox] {width:auto; display:inline-block;}

.qtip-default {
    border:10px solid #F1D031 !important;
    border-radius:10px !important;
	font-size:17px;
}
/* -------------*/
.ui-autocomplete {z-index:10000 !important;}
@media print {
	@page {size:A3 landscape; margin:.5cm;}
	#bluesky, #whitebanner, #whitefooter, #interface div.header, .widget1, .widget2, .widget3, .buttonsController, .designDivTable .cell .add, label.ui-button, legend, #legend {display:none;}
	body {background:none;}
	body, #desktop, #interface, #ihm, .schedule2, .frame1, .componentSchedule2015, fieldset,
	#scheduleGrid {position:relative; top:0; left:0; margin:0; padding:0; white-space:nowrap;}
	#scheduleGrid .row, #scheduleGrid .row .team, #scheduleGrid .row .day {height:8.2cm !important;}
	#scheduleGrid ul.srow, #scheduleGrid ul.srow li.scol {height:1cm;}
	#scheduleGrid > ul.header > li.day, #scheduleGrid > ul.row > li.day {width:4cm;}
	#scheduleGrid > ul.header > li.team, #scheduleGrid > ul.row > li.team {width:4cm;}
	.srow {border:none  !important;}
	.col2 {border:none  !important;}
	.boxIntervention, .boxMemo {border:1px solid !important;}
	.boxIntervention, .boxIntervention .location, .boxIntervention .hintervention, .boxIntervention .duration_intervention, .boxMemo {font-size:6px !important;}
	.unit1 {height:1cm !important;}
	.unit2 {height:2cm !important;}
	.unit3 {height:3cm !important;}
	.unit4 {height:4cm !important;}
	.unit5 {height:5cm !important;}
	.unit6 {height:6cm !important;}
	.unit7 {height:7cm !important;}
	.unit8 {height:8cm !important;}
}

.contentEPI {
	display:inline-block;
	margin:0;
	padding:7px 0 0 11px;
	overflow:hidden;
	width:250px;
}
.contentEPI span{
	display:inline-block !important;
}
.epi-icon-xs {
	position:relative;
	display:inline-block;
	background:url("/media/pictogramme-epi-xs.png") no-repeat;
	width: 47px;
	height: 47px;
	margin:2px;
	padding:0;

}
.epi-icon-xs.epi-icon-ears   {background-position: 0px 0px;}
.epi-icon-xs.epi-icon-eyes   {background-position: -47px 0px;}
.epi-icon-xs.epi-icon-head   {background-position: -94px 0px;}
.epi-icon-xs.epi-icon-face   {background-position: -141px 0px;}
.epi-icon-xs.epi-icon-hands  {background-position: 0px -47px;}
.epi-icon-xs.epi-icon-feet   {background-position: -47px -47px;}
.epi-icon-xs.epi-icon-jacket {background-position: -94px -47px;}
.epi-icon-xs.epi-icon-noise  {background-position: -141px -47px;}
.epi-icon-xs.epi-icon-clothing  {background-position: 0px -94px;}
.epi-icon-xs.epi-icon-harness  {background-position: -47px -94px;}
.epi-icon-xs.epi-icon-gaz  {background-position: -94px -94px;}
.epi-icon-xs.epi-icon-welding  {background-position: -141px -94px;}

.epi-icon-lg {
	position:relative;
	display:inline-block;
	background:url("/media/pictogramme-epi-lg.png") no-repeat;
	width: 188px;
	height: 188px;
	margin:0;
	padding:0;

}
.epi-icon-lg.epi-icon-ears   {background-position: 0px 0px;}
.epi-icon-lg.epi-icon-eyes   {background-position: -188px 0px;}
.epi-icon-lg.epi-icon-head   {background-position: -376px 0px;}
.epi-icon-lg.epi-icon-face   {background-position: -564px 0px;}
.epi-icon-lg.epi-icon-hands  {background-position: 0px -188px;}
.epi-icon-lg.epi-icon-feet   {background-position: -188px -188px;}
.epi-icon-lg.epi-icon-jacket {background-position: -376px -188px;}
.epi-icon-lg.epi-icon-noise  {background-position: -564px -188px;}
.epi-icon-lg.epi-icon-clothing  {background-position: 0px -376px;}
.epi-icon-lg.epi-icon-harness  {background-position: -188px -376px;}
.epi-icon-lg.epi-icon-gaz  {background-position: -376px -376px;}
.epi-icon-lg.epi-icon-welding  {background-position: -564px -376px;}

.btn-validateEPI {
	cursor:pointer;
}

.btn-validateEPI span.glyphicon {
	position: absolute;
    top: 87px;
    right: 2px;
    font-size: 107px;
}
img.checkepi {width:49px; height:49px;}

.uploadProtocole {border:4px dashed #0000AA; margin:10px; padding:5px;}
.uploadProtocole.in {background-color:#DBCB9B !important;}

.survey-icon {
	position:relative;
	display:inline-block;
	background:url("/media/survey-smiley-face.jpg") no-repeat;
	width: 79px;
	height: 79px;
	margin:0;
	padding:0;

}
.survey-icon.survey-icon-good  {background-position: 0px 0px;}
.survey-icon.survey-icon-soso  {background-position: -79px 0px;}
.survey-icon.survey-icon-bad   {background-position: -158px 0px;}
.survey-icon.survey-icon-mute  {background-position: -237px 0px;}

.survey-icon-xs {
	position:relative;
	display:inline-block;
	background:url("/media/survey-smiley-face-xs.jpg") no-repeat;
	width: 50px;
	height: 50px;
	margin:0;
	padding:0;
}
.survey-question .survey-icon-xs {
	vertical-align: -21px;
}
.survey-answer .survey-icon-xs {
	vertical-align: 15px;
}
.survey-icon-xs.survey-icon-good  {background-position: 0px 0px;}
.survey-icon-xs.survey-icon-soso  {background-position: -50px 0px;}
.survey-icon-xs.survey-icon-bad   {background-position: -100px 0px;}
.survey-icon-xs.survey-icon-mute  {background-position: -150px 0px;}

.survey-icon-xxs {
	position:relative;
	display:inline-block;
	background:url("/media/survey-smiley-face-xxs.jpg") no-repeat;
	width: 25px;
	height: 25px;
	margin:0;
	padding:0;
}
.survey-question .survey-icon-xxs {
	vertical-align: -10px;
}
.survey-answer .survey-icon-xxs {
	vertical-align: 7px;
}
.survey-icon-xxs.survey-icon-good  {background-position: 0px 0px;}
.survey-icon-xxs.survey-icon-soso  {background-position: -25px 0px;}
.survey-icon-xxs.survey-icon-bad   {background-position: -50px 0px;}
.survey-icon-xxs.survey-icon-mute  {background-position: -75px 0px;}

.survey-module {
	margin:auto;
}
.survey-module legend {
	margin-bottom:8px;
}
.survey-answers legend {
	margin-bottom:3px;
}
span.survey-icon span.glyphicon {
	position: absolute;
    top: 12px;
    right: 12px;
    font-size: 57px;
}
span.survey-icon-xs span.glyphicon {
	position: absolute;
    top: 6px;
    right: 7px;
    font-size: 40px;
}