/*
 * @version $Id: styles.css 23003 2014-06-11 14:07:43Z moyo $
 -------------------------------------------------------------------------
 GLPI - Gestionnaire Libre de Parc Informatique
 Copyright (C) 2003-2014 by the INDEPNET Development Team.

 http://indepnet.net/   http://glpi-project.org
 -------------------------------------------------------------------------

 LICENSE

 This file is part of GLPI.

 GLPI is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 GLPI is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with GLPI. If not, see <http://www.gnu.org/licenses/>.
 --------------------------------------------------------------------------
*/
/* ################--------------- GLPI CSS style   ---------------#################### */




/* ################--------------- Default style  ---------------#################### */

body {
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 12px;
   margin: 0;
   padding: 0;
   background:  #f8f7f3 repeat-x;

}

ul, li, dt, dl, dd, form, img, input {
   margin: 0;
   padding: 0;
}

ul {
   list-style-type: none;
}

span.invisible {
   visibility: hidden;
}

.starthidden {
   display: none;
}

/* separateur pour rétablir les comportements de block */
div.sep {
   font-size: 1px;
   height: 1px;
   padding: 0;
   margin: 0;
   clear: both;
}

img {
   border: 0;
}

small {
   font-family: verdana;
   font-size: 10px;
}

sup {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

.big {
   font-size: 14px;
}

.b {
   font-weight: bold;
}

.center {
   text-align:center;
}

.left {
   text-align:left;
}

.right {
   text-align:right;
}

.floatright {
   position: relative;
   float: right;
}

.floatleft {
   position: relative;
   float: left;
}

.center-h {
   margin:auto;
}

.middle {
   vertical-align:middle;
}

.bottom {
   vertical-align:bottom;
}

.top {
   vertical-align:middle;
}

.relative {
   position: relative;
}


.red {
   color:red;
}

.blue {
   color:blue;
}

.green {
   color:green;
}

.yellow {
   color:yellow;
}


.deleted {
   background-color:#cf9b9b;
}

.separ {
   clear: both;
   visibility: hidden;
}

a, a:link {
   font-weight: bold;
   text-decoration: none;
   color : #555; //#659900;
   font-size : 11px;
}

a:hover {
   color: black;
}


hr {
   border: 1px solid #cccccc;
}


.pointer {
   cursor:pointer;
 }

.invisible {
   display: none;
   color: #555;
}

/* ################--------------- Tabs ---------------#################### */

.alltab {
   font-size:14px;
   text-align:center;
   padding: 10px;
   font-weight: bold;
}


/* ################--------------- Page ---------------#################### */

#page {
   /*margin: 0 auto; text-align:center;*/
  /* margin: 25px 10px;*/
   background: #FFFFFF  repeat-x top left;
   -moz-border-radius: 0 0 8px 8px;
   -webkit-border-radius: 0 0 8px 8px;
   border-radius: 0 0 8px 8px;
   -moz-box-shadow: 0px 7px 10px #4D4D4D;
   -webkit-box-shadow: 0px 7px 10px #4D4D4D;
   /*box-shadow: 0px 7px 10px #4D4D4D;*/
   padding: 8px 8px 20px 8px;
   margin-bottom: 40px;
}

#page form {
   font-size: 12px;
   margin:0;
   margin-bottom:5px;
   padding:0;
}

#page {
   margin-top: 0px;
}
* */


/* ################--------------- form ---------------#################### */

option {
   border:1px solid #ccc;
   background-color:#ffffff;
}

.submit {
   text-align:center;
}

select {
   font-size: 11px;
   color: black;
   background-color: white;
   line-height: 19px; /* do not set height because using multiple select*/
  border: 1px solid #bbb;
}

textarea, input {
   background-color:#FAFAFA;
   color: black;
   border: 1px solid #888888;
   font-size: 13px;
}

input {
   height: 22px;
   vertical-align: middle;
   border-radius: 4px;
}

input[type="checkbox"] {
    border: 0;
}

input[type="image"] {
   height: auto;
   background-color: transparent;
   border: 0;
}

input[type="file"] {
   height: 22px;
   border: 1px solid #4E6378;
}

input.submit {
   cursor:pointer;
   height: auto;
   font: bold 12px Arial, Helvetica;

   /*color: #8f5a0a;
   background-color: #ffb94b;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
   background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: linear-gradient(top, #fddb6f, #ffb94b);
   */
   /* For Internet Explorer 5.5 - 7 */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b);*/

   /* For Internet Explorer 8 */
  /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b)";
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   text-shadow: 0 1px 0 rgba(255,255,255,0.5);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   border-width: 1px;
   border-style: solid;
   border-color: #d69e31 #e3a037 #d5982d #e3a037;*/

}

/*
input.submit:hover {

   border: 1px inset #888888;
   background-color: #fddb6f;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
   background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: linear-gradient(top, #ffb94b, #fddb6f);

}
*/

input.save {

}

/*
span.vsubmit, a.vsubmit {
   padding: 2px;
   vertical-align: middle;
   cursor:pointer;
   height: auto;
   font: bold 12px Arial, Helvetica;
   color: #8f5a0a;
   background-color: #ffb94b;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
   background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: linear-gradient(top, #fddb6f, #ffb94b);
   white-space:nowrap; /* no line break*/
   /* For Internet Explorer 5.5 - 7 */
/*   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b);*/
   /* For Internet Explorer 8 */
/*   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b)";
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   text-shadow: 0 1px 0 rgba(255,255,255,0.5);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   border-width: 1px;
   border-style: solid;
   border-color: #d69e31 #e3a037 #d5982d #e3a037
   */
}

a.vsubmit:hover {
/*   padding: 2px;
   vertical-align: middle;
   cursor:pointer;
   height: auto;
   font: bold 12px Arial, Helvetica;
   color: #8f5a0a;
   border: 1px inset #888888;
   background-color: #fddb6f;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
   background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: linear-gradient(top, #ffb94b, #fddb6f);
   white-space:nowrap; /* no line break*/
}

.entity_select {
   border-left: 0px solid #C0CAD4;
   border-right: 0px solid#C0CAD4;
   padding:3px;
   margin-left: 10px;
}

.entity_select:hover {
  /* border-left: 1px solid #C0CAD4;
   border-right: 1px solid #C0CAD4;
   border-bottom: 1px solid #C0CAD4;
   padding:3px;*/

}

.tree {
   width:100%;
   border:0;
   border-bottom:1px solid #C0CAD4;
}

.treeroot {
   width:100%;
   background: url("../pics/treeroot.png") 0 2px no-repeat;
   border:0;
   /*margin-top:5px;*/
   font-weight:bold;
}

.tree:hover{
   background-color:#eeeeee;
}

.treeroot:hover{
   background-color:#eeeeee;
}


/* ################--------------- Table  ---------------#################### */
table {
   font-size: 11px;
   /* Probem WIth EXTJS calendar -> to sons*/
   /*margin: 0 auto;*/
   border:0;
}

th {
padding: 20px;
height: 35px;
}

th a, th a:link {
text-decoration: none;
color : #fff;
font-size : 12px;
font-weight: bold;
	}

td {
padding: 2px;
vertical-align: middle;
 }

.tab_glpi {
   margin: 0 auto;
   margin-bottom: 10px;
   width: 25%;
}

.tab_glpi a {
   color: #fff;
}

.tab_glpi > tbody > tr > td {
	background-color: #fff;
}

.tab_glpi2 {
   margin: 0 auto;
   margin-bottom: 10px;
   /*width: 99%;*/
}

.tab_glpi2 a, .tab_glpi3 a {
   color: #fff;
}

.tab_glpi3 {
   margin: 0 auto;
   margin-bottom: 10px;
   width: 75%;
}


.tab_cadre {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   z-index:1;
   text-align: left;
   font-size: 11px;
   background-color: #ffffff;
}

.tab_cadre_central {
   margin: 0 auto;
   /*border: 1px solid #bbbbbb;*/
   z-index:1;
   text-align: left;
   font-size: 11px;
   width:90%;
   /* background-color: #FFF4DF; */
  /* background : url("../pics/fond-central.png") repeat-x top right ;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;*/
}

.tab_cadre_postonly {
   margin: 0 auto;
   /*border: 1px solid #bbbbbb;*/
   z-index:1;
   text-align: left;
   font-size: 11px;
   width: 80%;
}

.tab_cadre_navigation {
   margin: 0 auto;
   padding: 4px;
   margin: 1px;
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   font-size : 12px;
   font-weight: bold;
}

.tab_cadre_fixe, .tab_cadre_fixehov {
   margin: 0px auto 5px auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   /*border: 1px solid #cccccc;
   background: #f2f2f2;*/
   z-index:1;
   text-align: left;
   font-size: 11px;
   width:950px;
}

/*.tab_cadre_fixe tr, .tab_cadre_fixe td { */
/*	background-color: transparent; */
/*}*/

/*
.tab_cadrehov {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font-size: 11px;
   width: 80%;
   background-color: #ffffff;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;
}
*/

.tab_cadre th, .tab_cadre_fixex th, .tab_cadre_fixehov th, .tab_cadrehov th {
   font-size: 12px;
   font-weight: bold;
   background-color: #337AB7; //E1D39E;
   text-align: center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   padding: 2px;
   /*background:  url("../pics/fond_th.png") repeat-x;
   border-bottom:1px solid #cccccc;
   padding: 2px;*/
}

.tab_cadre td, .tab_cadre_fixe td, .tab_cadre_fixehov td, .tab_cadrehov td {
   padding: 3px 5px;
}

/* .tab_cadrehov tr:hover, .tab_cadre_fixehov tr:hover { */
/*    background-color: #FFF4DF; */
/*  } */


/* Table Hover Effects */
.tab_cadrehov th.headHover,
.tab_cadre_fixehov th.headHover{
   background-color: #d2e3f4; //#ddd;
   color: #555;
/*   opacity: 0.5;
   filter : alpha(opacity=10);*/
}

.tab_cadrehov td.columnHover,
.tab_cadre_fixehov td.columnHover{
   background-color: #d2e3f4; //#ddd;
   color: #555;
/*   opacity: 0.5;
   filter : alpha(opacity=10);*/
}

.tab_cadrehov tr.rowHover,
.tab_cadrehov td.rowHover,
.tab_cadre_fixehov tr.rowHover,
.tab_cadre_fixehov td.rowHover{
   background-color: #eee !important;
   opacity: 0.85;
   filter : alpha(opacity=10);
}

.tab_format {
   padding: 0px;
   width: 100%;
   margin: 0px;
   border: 0px;
   border-collapse:collapse;
   height: 50px;
}

.tabcompact {
   padding: 0px;
   margin: 0px;
   border: 0px;
   border-collapse:collapse;
}

.tab_format th {
	border: 0px !important;
	border-radius: 0px;
}

.tab_format td {
   padding: 1px;
   margin: 0px;
}

.tab_bg_1 {
   background-color: #fff;
}

.tab_bg_1_2 {
   background-color: #cf9b9b;
}

.tab_bg_2x {
   background-color: #fff;
}

.tab_bg_2 {
   background-color: #fff;
}

.tab_bg_2_2 {
   background-color: #cf9b9b;
}

.tab_bg_3 {
   /*background-color: #f8f8f8;
	  background-color: #f8f8f8; */
     background-color: #e7e7e2;
}

.center3 {
	text-align: center !important;
	background-color: #e7e7e2;
}

.tab_bg_4x {
   background-color: #e4e4e2;
}

.tab_bg_5 {
   background-color: #f2f2f2;
}


.tab_resa {
   border:1px dashed #cccccc;
   background-color: #d7d7d2;
   font-size:10px
}

.tab_resa:hover {
   background-color: #ffffff;
   border:1px dotted #000000;
}

.central {
   padding-top: 15px;
   width: 100%;
}

.central table {
   margin-bottom: 5px;
}

div.rss {
   margin-left: 10px;
}

td.numeric {
   text-align:right;
/*   width:10%;*/
/*   padding-right:4%;*/
}

td.htmltable_upper_separation_cell {
    border-top: dashed 1px #a0a0a0;
}

td.nopadding {
   padding:0;
}


td.subheader {
   background-color: #ddd;
   text-align: center;
   font-weight: bold;
}

td.rotate {
  -moz-transform: rotate(-70.0deg);  /* FF3.5+ */
  -o-transform: rotate(-70.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-70.0deg);  /* Saf3.1+, Chrome */
  -ms-transform:rotate(-70deg); /* IE 9 */
  width: 10%;
  height: 80px;
  <!--[if lte IE 7]>
   filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
  <![endif]-->
  <!--[if lte IE 8]>
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
  <![endif]-->

}

/* ################--------------- Pager  ---------------#################### */

.tab_cadre_pager {
   margin: 0 auto;
   text-align:center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   font-size:10px;
   width:950px;
   height: 50px;
   margin-bottom: 25px;
}

.tab_cadre_pager select, .tab_cadre_pager span, .tab_cadre_pager form {
   font-size:10px;
   margin:0;
}

.tab_cadre_pager input {
   vertical-align:middle;
}

.tab_cadre_pager th {
   font-size: 10px;
   font-weight: bold;

   text-align: center;
   /*background-color: #fccc6f;
   background:  url("../pics/fond_th.png") repeat-x; */
}

.tab_cadre_pager th img{
	padding-left: 8px;
	padding-right: 8px;
	}

.navigationheader {
   margin-left: 170px;
   float: center;
}


/* ################--------------- Tracking  / Reminder ---------------#################### */

.showplan {
   font-weight: bold;
   text-decoration: none;
   color : #659900;
   cursor:pointer;
}


/* ################--------------- User Picture ---------------#################### */
.tooltip {
   font-size: 11px !important;
}
.tooltip:contains(img) {
   white-space: nowrap;
   height: 100px !important;
   border:10px solid red;
}

.tooltip_picture_border {
   padding:2px;
   border-radius: 51px;
   border: 5px inset #D0D99D;
   _border: 3px solid #D0D99D;
   width:72px;
   height:72px;
   position: absolute;
}
.tooltip_picture {
   width:71px;
   height:71px;
   border-radius:50px;
}
.tooltip_text {
   margin-left:90px;
   min-height: 85px;
}

.user_picture_border {
   padding:2px;
   border-radius: 6px;
   border: 5px inset #D0D99D;
   width:232px;
   height:232px;
   margin-right:5px;
   background-color: #FFF
}
.user_picture {
   margin: 0 auto;
   width:230px;
   height:230px;
   border-radius: 5px;
}

.user_picture_border_small {
   padding:2px;
   border-radius: 6px;
   border: 3px inset #D0D99D;
   width:72px;
   height:72px;
   margin-right:5px;
   background-color: #FFF
}
.user_picture_small {
   margin: 0 auto;
   width:64px;
   height:64px;
   border-radius: 5px;
}

.user_picture_verysmall {
   margin: 0 auto;
   width:35px;
   height:40px;
   border-radius: 5px;
}
/* ################--------------- Space to replace &nbsp; ---------------#################### */

/* 2 space */
.very_small_space {
   margin-left: 15px;
}

/* 5 spaces */
.small_space {
   margin-left: 38px;
}

/* 10 spaces */
.medium_space {
   margin-left: 120px;
}

/* 20 spaces */
.big_space {
   margin-left:250px;
}



/* ################--------------- Espacement des blocs ---------------#################### */

.spaced {
   margin-bottom: 15px;
}

.firstbloc {
   margin-bottom: 5px;
}

.firstbloc a {
   color:#fff;
}

/* ################--------------- Calendrier  / reservation ---------------#################### */

.calendrier {
   vertical-align:middle;
   /*border: 1px solid #888888;
   background-color:#eeeeee;
   background:  url("../pics/fond_form.png") repeat-x; */
}

.calendrier:hover {
   /*border: 1px inset #888888;
   background-color:#ffffff;*/
   cursor:pointer;
}

.calendrier_mois {
   font-family: Verdana, Arial, Sans, sans-serif;
   font-size: 10px;
}

.calendrier_jour {
   font-family: arial,helvetica,sans-serif;
   font-size: 14px;
   color: black;
}

.calendrier_case1 {
   margin-left: 10px;
   padding: 2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   margin-top: 2px;
   border: 1px solid #666666;
   background-color: white;
}

.calendrier_case2 {
   margin-left: 10px;
   padding: 2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   margin-top: 2px;
   border: 1px solid #cccccc;
   background-color: #eeeeee
}

.calendrier_case2 a {
	color: #000;
}

.calendrier_case_white {
   background-color:#ffffff;
}



/* ################--------------- Knowledge FAQ  ---------------#################### */
#contenukb {
   height: 100%;
   width: 600px;
   margin: 0 auto;
}

#contenukb legend {
   font-weight: bold;
}

#contenukb fieldset {
   background-color: #eeeeee;
   border: 1px solid #FFC65D;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   -o-border-radius: 8px;
   padding-bottom:10px;
   width: 600px;
}

#contenukb textarea {
   width:550px;
}

#kbanswer ul {
   padding-left: 15px;
   list-style-type: circle;
}

#kbanswer ol {
   padding-left: 15px;
   list-style-type: decimal;
}


#kbanswer p {
   margin: 1.12em 0
}

#kbanswer h1 {
   font-size: 2em;
   margin: .67em 0
}

#kbanswer h2 {
   font-size: 1.5em;
   margin: .75em 0;
   font-weight: bolder;
}

#kbanswer h3 {
   font-size: 1.17em;
   margin: .83em 0;
   font-weight: bolder;
}

#kbanswer h4 {
   margin: 1.12em 0;
   font-weight: bolder;
}

#kbanswer h5 {
   font-size: .83em;
   margin: 1.5em 0;
   font-weight: bolder;
}

#kbanswer h6 {
   font-size: .75em;
   margin: 1.67em 0;
   font-weight: bolder;
}

#kbanswer address {
   font-style: italic;
}

#kbanswer pre {
   font-family: monospace;
   white-space: pre;
}


.tdkb_result {
   vertical-align:top;
   text-align:left;
   width: 33%;
   padding: 3px 20px 3px 25px;
}

.kb {
   text-align:left;
   padding-top:5px;
}

.kb_resume {
   text-align:left;
   font-size: 9px;
   line-height: 10px;
   clear: both;
   padding: 5px 0 10px 25px;
}

.tdkb {
   text-align:left;
   font-size:10px;
   color:#aaaaaa;
}

.baskb {
   position: relative;
   text-align:left;
   font-size:10px;
   color:#aaaaaa;
}

.baskb_right {
   position:absolute;
   right:0;
   margin-right:5px;
}

.code {
   width: 95%;
   border: dotted 2px #ccc;
}

a.knowbase {
   margin-left:8px;
}

a.pubfaq {
   margin-left:8px;
   color: #c9993C;
}

a.pubfaq:hover {
   color: black;
}

a.icon_nav_move img {
   padding: 4px;
   margin: 1px;
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

a.icon_nav_move:hover img {
   padding: 4px;
   margin: 1px;
   border: 1px solid #999999;
   background-color:#e4e4e4;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

/* ################--------------- File upload  ---------------#################### */
.fileupload {
   text-align: center;
   border:1px dashed #cccccc;
   min-height: 65px;
    background-color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}


/* ################--------------- planning  ---------------#################### */

.planning {
   text-align:center;
   border:1px dashed #cccccc;
   background-color: #d7d7d2;
   font-size:9px;
}

.planning:hover {
   border: 1px solid #999999;
   background-color: white;
}

.available {
   background-color: green;
}

.notavailable {
   background-color: red;
}

.partialavailableend {
   background-image: -webkit-linear-gradient(left, red 50%, green  0%);
   background-image: -moz-linear-gradient(left, red 50%, green  0%);
   background-image: -ms-linear-gradient(left, red 50%, green  0%);
   background-image: -o-linear-gradient(left, red 50%, green  0%);
   background-image: linear-gradient(left, red 50%, green  0%);
}

.partialavailablebegin {
   background-image: -webkit-linear-gradient(left, green 50%, red  0%);
   background-image: -moz-linear-gradient(left, green 50%, red  0%);
   background-image: -ms-linear-gradient(left, green 50%, red  0%);
   background-image: -o-linear-gradient(left, green 50%, red  0%);
   background-image: linear-gradient(left, green 50%, red  0%);
}

/* ################--------------- Menu navigation  ---------------#################### */

div#menu_navigate {
   margin: auto;
   z-index:1;
   font-size: 10px;
   width:900px;
}

div#menu_navigate li {
   margin-left:2px;
   display:block;
   float:left;
   padding:2px;
}

div#menu_navigate li.info {
   margin-left:2px;
   display:block;
   float:left;
   font-size: 12px;
   padding:2px;
}

div#tabcontent {
   width:950px;
   text-align:center;
   margin: 0 auto;
}

/* ################--------------- Notepad  ---------------#################### */

.boxnote {
   margin: 0 auto;
   width: 950px;
   text-align: left;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   background: #e7e7e2;
   margin-bottom: 5px;
   position:relative;
   overflow: auto;
   font-size: 11px;
   height: auto;
}



.boxnoteleft {
   float: left;
   width: 10%;
   min-height: 40px;
   height: 100%;
   padding: 4px;
}
.boxnotecontent {
   float: left;
   padding: 1px;
   padding-top: 5px;
   width: 75%;
/*   top:  -60px;
   left: 110px;*/
/*    width: 300px; */
}
.boxnoteright {
   float: right;
/*   top:  0px;
   left: 0px;*/
   width: 10%;
   min-height: 40px;
   padding: 1px;
   vertical-align: middle;
}

.boxnotefloatright {
   float: right;
   position: relative;
   padding-left: 20px;
   padding-bottom:  5px;
}
.boxnotetext {
   padding: 5px;
   margin-top: 15px;
}

.bytech {
   background: #f2f2f2;
}

.byuser {
   background: #e7e7e2;
}

/* ################--------------- box (redirect and other)  ---------------#################### */

.box {
   margin: 0 auto;
   width:700px;
   text-align:center;

}



.box-tleft {
   background:transparent url(../pics/corners.gif) no-repeat 0 0;
   zoom:1;
}

.box-tcenter {
   height:8px;
   background:transparent url(../pics/tb.gif) repeat-x 0 0;
   overflow:hidden;
}

.box-tright {
   background:transparent url(../pics/corners.gif) no-repeat right -8px;
}

.box-mleft {
   background:transparent url(../pics/l.gif) repeat-y 0;
   padding-left:4px;
   overflow:hidden;
   zoom:1;
}

.box-mcenter {
   background:#eee url(../pics/tb.gif) repeat-x 0 -16px;
   padding:4px 10px;
   font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
   color:#393939;
   font-size:11px;
}

.box-mcenter h3 {
   font-size:11px;
   font-weight:bold;
   margin:0 0 4px 0;
   zoom:1;
}

.box-mright {
   background:transparent url(../pics/r.gif) repeat-y right;
   padding-right:4px;
   overflow:hidden;
}

.box-bleft {
   background:transparent url(../pics/corners.gif) no-repeat 0 -16px;
   zoom:1;
}

.box-bcenter {
   background:transparent url(../pics/tb.gif) repeat-x 0 -8px;
   height:8px;
   overflow:hidden;
}

.box-bright {
   background:transparent url(../pics/corners.gif) no-repeat right -24px;
}

.box-tleft, .box-bleft {
   padding-left:8px;
   overflow:hidden;
}

.box-tright, .box-bright {
   padding-right:8px;
   overflow:hidden;
}



/* ################--------------- Login Null Header  ---------------#################### */

#firstboxlogin {
   height: 276px;
   width: 650px;
   margin-top:150px;
   margin-left: auto;
   margin-right: auto;
   font-family : Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   color :#659900;
   font-weight: bold;
   background-color:#FFFFFF;
   border:3px solid #ccc;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   padding:10px;
   position: relative;
}


#logo_login {
   position:absolute;
   top:-25px;
   padding:0;
   margin:0;
   width: 107px;
   height: 43px;
   background: url(../pics/login_logo_glpi.png)  no-repeat;
}


#text-login {
   font-size: 13px;
   margin-bottom:10px;
   max-height: 50px;
   width: 95%;
   /*margin-right:10px;
   margin-left:0px;
   margin-top:80px;*/
   color :#000000;
   overflow: auto;
   padding:10px;
}

#text-login a:hover {
   color :#659900;
   text-decoration: underline;
}


#bloc {
   width:760px;
   margin:0 auto;
   text-align:left;
   position:relative;
   padding:10px;
   background:#E9EDD0;
   background:-moz-linear-gradient(360deg, #E9EDD0, #BBC972); /* Firefox */
   background:-webkit-gradient(linear, left top, left bottom, from(#E9EDD0), to(#BBC972)); /* Webkit */

   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E9EDD0, endColorStr=#BBC972, GradientType=1);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EDD0, endColorstr=#BBC972, GradientType=1)";

   border:1px solid #aaa;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   box-shadow:0 0 15px #aaa;
   -moz-box-shadow:0 0 15px #aaa;
   -webkit-box-shadow:0 0 15px #aaa;
}

#logo_bloc {
   position:absolute;
   top:-25px;
   padding:0;
   margin:0;
   width: 80px;
   height: 80px;
   background: url(../pics/login_logo_glpi.png)  no-repeat;
}

#boxlogin {
   position:relative;
   margin:auto;
   text-align: left;  /* Bug IE Grrr */
   width: 350px;
   padding:10px;
   background:#E9EDD0;
   background:-moz-linear-gradient(360deg, #E9EDD0, #BBC972); /* Firefox */
   background:-webkit-gradient(linear, left top, left bottom, from(#E9EDD0), to(#BBC972)); /* Webkit */

   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E9EDD0, endColorStr=#BBC972, GradientType=1);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EDD0, endColorstr=#BBC972, GradientType=1)";

   border:1px solid #aaa;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   box-shadow:0 0 15px #aaa;
   -moz-box-shadow:0 0 15px #aaa;
   -webkit-box-shadow:0 0 15px #aaa;
}

#boxlogin p {
   text-align:center;
}

#forget {
   text-align:right;
   text-decoration: underline;
}


.loginrow {
   clear: both;
   padding-top: 5px;
}

.loginlabel {
   float: left;
   margin-left:10px;
   text-align: left;
}

.loginformw {
   float: right;
   margin-right:10px;
   text-align: right;
}

#boxlogin fieldset {
   background-color: transparent;
   border: 2px solid #FFC65D;
   padding-bottom:22px;
}

#boxlogin legend {
   font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 700;
   background-color: transparent;
   color :#659900;
}

#boxlogin input {

   border: 1px solid #659900;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

#boxlogin input[type=text],
 #boxlogin input[type=password]{
   width:13em;
}

#boxlogin input[type=text]:focus,
 #boxlogin input[type=password]:focus{
   border-color:#FFA500;
   background-color: #fff;
   -moz-box-shadow:0 0 3px #FFA500;
   -webkit-box-shadow:0 0 3px #FFA500;
   outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}


#box-faq {
   padding-top:30px;
   text-align:center;
   position:relative;
   margin:auto;
}

.sous_logo {
   font-family: arial;
   font-size: 9px;
   color: #eeeeee;
   text-decoration: none;
}

.error {
   color: red;
   margin-top:20px;
   text-align:center;
}

#footer-login {
   text-align:right;
   position: fixed !important;
   left: 0px;
   right: 10px;
   bottom: 0px !important;
   height: 37px;
   font-size : 10px;
   color :#757575;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-weight: bold;
   margin-top:10px;
   margin:auto;
    /*css hack for IE*/
   position: absolute;
   bottom: auto;
   top: expression((parseInt(document.documentElement.clientHeight)+parseInt(document.documentElement.scrollTop)-42)+'px');
   width: expression(parseInt(document.documentElement.clientWidth)+'px');
}



/* ################--------------- Header / menu  ---------------#################### */

div#header {

   display: none;
  /* background: #f1f4e3 url("../pics/fd_nav1.png") 0 0 repeat-x;
   margin: 0px 10px 10px 10px;
   -moz-border-radius: 0px 0px 8px 8px;
   -webkit-border-radius: 0px 0px 8px 8px;
   border-radius: 0px 0px 8px 8px;
   -moz-box-shadow: 0px 7px 10px #4D4D4D;
   -webkit-box-shadow: 0px 7px 10px #4D4D4D;
   box-shadow: 0px 7px 10px #4D4D4D;
   padding-bottom: 8px;*/
}

div#c_preference {
   height: 20px;
   text-align: right;
   margin-right: 5px;
   position: relative;
   top: 4px;
   font-size: 0.9em;
   z-index:900;
}

div#c_preference ul {
   list-style: none;
}

div#c_preference ul li {
   float: right;
   margin: 0 10px;
}

div#c_preference ul li#deconnexion {
   margin-left: 25px;
}

div#c_preference a {
   color: #000;
   text-decoration: none;
   font-size: 0.9em;
}

div#c_preference a:hover{
   text-decoration: underline;
}


div#c_recherche {
   height: 21px;
   text-align: right;
   margin-right: 25px;
   position: relative;
   top: 5px;
   font-size: 0.9em;
}

div#c_recherche form {
   height: 15px;
   position: relative;
   bottom: 3px;
}

div#c_recherche form div#champRecherche input {
   border: none;
   height: 14px;
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 11px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

div#c_recherche form div#boutonRecherche {
   position: absolute;
   right: 0px;
   top: 0px;
   border: none;
   height: 14px;
   width: 14px;
   overflow: hidden;
}

div#c_recherche form div#boutonRecherche input {
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 0.7em;
   width: 15px;
   height: 15px;
   border: none;
   position: relative;
   right: 2px;
}


div#c_menu {
   height: 41px;
   position: absolute;
   top: 0px;
   z-index: 100;
   left: 45px;
}

div#c_menu ul#menu {
   position: relative;
   left: 22px;
   top: 23px;
   height: 20px;
   list-style: none;
   float: left;
}

ul#menu a.itemP, ul#menu a.itemP1 {
   display: block;
   height: 100%;
   width: 100%;
   text-align: center;
   text-decoration: none;
   border-right: 1px solid #9BA563;
   color: #000;
}

ul#menu ul.ssmenu {
   position: relative;
   top: 5px;
  /* width: 108px;*/
   border: 1px solid #CC9900;
   background: url("../pics/fd_ssmenu.png") 0 0 repeat;
   display: none;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   -moz-box-shadow: 0px 0px 4px #000000;
   -webkit-box-shadow: 0px 0px 4px #000000;
   box-shadow: 0px 0px 4px #000000;
}

ul#menu ul li {
   list-style: none;
   text-align: left;
   border-bottom: 1px solid #CC9900;
   line-height: 20px;
   font-size: 0.9em;
   padding: 5px 5px 5px 5px;
}



ul#menu ul li:last-child {
   border-bottom: 0px;
}

ul#menu ul li a {
   color: #000;
   text-decoration: none;
   display: block;
   width: 100%;
   height: 100%;
}


ul#menu ul li a:hover {
   background: #D0D99D;
}

ul#menu li#menu1 {
   float: left;
   width: 130px;
}

ul#menu li#menu1 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu2 {
   float: left;
   width: 130px;
}

ul#menu li#menu2 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu3 {
   float: left;
   width: 130px;
}

ul#menu li#menu3 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu4 {
   float: left;
   width: 130px;
}

ul#menu li#menu4 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu5 {
   float: left;
   width: 130px;
}

ul#menu li#menu5 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu6 {
   float: left;
   width: 135px;
}

ul#menu li#menu6 ul.ssmenu {
   position: relative;
   width: 135px;
}

ul#menu li#menu7 {
   float: left;
   width: 135px;
}

ul#menu li#menu7 ul.ssmenu {
   position: relative;
   width: 135px;
}

div#header div#c_logo {
   position: absolute;
   z-index: 1000;
   width: 64px;
   height: 41px;
   float: left;
   background: url("../pics/fd_logo.png") 0 0 repeat-x;
}

div#header div#c_logo a {
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none;
}

div#c_ssmenu1 {
   /*background: #D0D99D;*/
   height: 24px;
   clear: both;
   font-size: 0.8em;
   height: 30px;
   display: none;
}

#c_ssmenu1 a {
	padding: 7px;
}

div#c_ssmenu1 ul {
   position: relative;
   top: 4px;
   left: 0px;
   list-style: none;
}

div#c_ssmenu1 ul li {
   float: left;
   padding: 0 10px;
}

div#c_ssmenu1 ul li a {
   text-decoration: none;
   color: #666;
}

div#c_ssmenu1 ul li a:hover {
   text-decoration: underline;
}

div#c_ssmenu2 {
   position: relative;
   z-index: 5;
   /*background: url("../pics/fd_nav3.png") 0 0 repeat-x;*/
   height: 28px;
   clear: both;
   font-size: 0.9em;
   width: 100%;
   margin-top: 12px;
   margin-left: 6px;
   margin-bottom: -5px;
}

div#c_ssmenu2 ul {
   position: relative;
   top: 5px;
   left: 0px;
   list-style: none;
}

div#c_ssmenu2 ul li {
   position:relative;
   float: left;
   padding: 0 10px;
}

div#c_ssmenu2 ul li a {
   text-decoration: none;
   color: #000;
}

div#c_ssmenu2  a.here {
   font-size:14px;
}


div#show_all_menu {
/*   display: none;*/
/*   position: absolute;*/
/*   top:20px;*/
/*   left:5px;*/

   border: 1px solid  #d2e3f4; //#CC9900;
   /*background: url("../pics/fd_hoverlink.png") 0 0 repeat;*/
   background-color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0px 0px 4px #000000;
   -webkit-box-shadow: 0px 0px 4px #000000;
   box-shadow: 0px 0px 4px #000000;
/*   padding: 5px;*/
   font-size: 11px;
   text-align: left;
/*   z-index:1000;*/
}


div#show_all_menu .tab_bg_1 {
   background: #286090; //#E1CC7B;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 12px;
}

div#show_all_menu a {
   color: #555; //#7F7F7F;
   display: inline-block;
   padding: 2px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

div#show_all_menu a:hover {
   background-color: #d2e3f4; //#D0D99D;
}

div#show_all_menu .tab_bg_1 a {
   color: #fff;
}

div#show_all_menu .tab_bg_1 a:hover {
   background: transparent;
}

/* ################--------------- Footer  ---------------#################### */

#footerx {
   margin-top:30px;
   margin-bottom:10px;
   /* background: url("../pics/fd_footer.png") 0 0 repeat-x; */
   font-size: 9px;
   color :#757575;
   padding: 6px;
   border: 2px solid #cccccc;
   position: relative;
   /*float: right; */
   left: 7px;
   height: 42px;
   width: 99%;
   /*
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -moz-box-shadow: 0px 7px 10px ;
   -webkit-box-shadow: 0px 7px 10px ;
   box-shadow: 0px 7px 10px ;
   */
}

.copyright {
   font-size: 9px;
   color :#757575;
   margin-right: 8px;
}



/* ################--------------- DB Slave---------------#################### */
#dbslave-float {
   top: 0px;
   left: 300px;
   position: absolute;
   z-index: 100;
}

#dbslave-float a {
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 1px solid #cecece;
   text-decoration: none;
   text-align: center;
   margin: 0;
   padding: 1px .5em;
   font-family: helvetica,arial,sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-color: #fff;
   color:blue;
}



/* ################--------------- Debug  ---------------#################### */
#debug-float {
   top: 0px;
   left: 80px;
   position: absolute;
   z-index: 100;
}

#maintenance-float {
   top: 0px;
   left: 280px;
   position: absolute;
   z-index: 100;
}


#debug-float a, #maintenance-float a {
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 1px solid #cecece;
   text-decoration: none;
   text-align: center;
   margin: 0;
   padding: 1px .5em;
   font-family: helvetica,arial,sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-color: #fff;
   color:red;
}

#debug-float a:hover, #maintenance-float a:hover {
   background-color: #fc3;
   border-bottom: 2px solid #36f;
}

#debugajax {
   margin: auto;
   text-align:center;
}

#debug {
   background-color:#F0F0F0;
}

#debug h1, #debugajax h1 {
   font-size:18px;
   text-align:center;
   /*background-color:#efefe7;*/
   padding: 5px;
}

#debug h2, #debugajax h2 {
   font-size:14px;
   padding-left: 10px;
   border-left: 4px solid #FFC65D;
   border-bottom: 2px solid #FFC65D;
}

#debug table, #debugajax table {
   margin:0;
}


/* Restore default behavior : drop user agent CSS*/
:focus {
  outline-width: 0;
}

.nostyle:focus {
  outline-width: 5px;
}



/*  bootstrap */

.table th {
	background-color: #337ab7;
	text-align: center;
	vertical-align: middle;
	padding-top: -5px;
}

.table th a {
	color: #fff;
	font-size: 13px;
}

.table a {
	color: #000;
}

.table thead th tr td {
	vertical-align: middle;
}

.table tr td {
	text-align: left;
}

#tab_footer {
	height: 30px;
}

.tab_cadre_fixe img {
   vertical-align: middle;
}

.tab_cadrehov th {
	color: #fff;
}

.tab_cadrehov th a {
	color: #fff;
	vertical-align: middle;
}

.tab_cadrehov td a {
	color: #555;
}

.tab_cadre_fixe {
	color: #fff;
}

.tab_cadre_fixe td {
	color: #000;
}

.tab_glpi th {
   vertical-align: middle;
   padding: 0px;
}

.tab_glpix {
	color: #fff;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

.tab_glpixx td a {
	color: #fff;
}

.tab_cadre th, .tab_cadre th a, .tab_glpix td a  {
	color: #fff;
}

.ssmenu > li > a {
	font-size: 14px;
}

.navbar-nav > li > a {
	font-size: 13px;
}

.nav2 a {
	color:#555;
	font-size: 13px;
	padding-top: 10px;
}

.nav2 a:hover {
	color:#000;
	font-size: 13px;
	text-decoration: none;
}

.navbar-right a {
	font-size: 14px;
}

.navbar-right > li > a {
	font-size: 16px;
	margin-top: 3px;
}

img.avatar {
    border: 3px solid #e2e2e2;
    border-radius: 50%;
	 margin-top: 2px;
	 margin-left: -10px;
    width: 45px;
    height: 45px;
    background-color: #e2e2e2;
}

#menuHeader {
	width: 100%;
	height: 100px;
	box-shadow: 0px 0px 6px 0px; #666;
}

.menu-fixo  {
    position:fixed !important;
    top: 0;
    z-index: 99;
	 opacity: 1;
}

.profile {
	margin-top: -4px;
}

.white{
	color: #fff;
}

.tab_cadre_fixe {
    margin: 0px auto 10px;
    border-radius: 4px;
    background-color: #f2f2f2; //d2e3f4;
    z-index: 1;
    text-align: left;
    font-size: 12px;
    width: 950px;
}

.tab_cadre th, .tab_cadre_fixe th, .tab_cadre_fixehov th, .tab_cadrehov th, .tab_cadrehov_pointer th, .tab_cadre_report th,.tab_cadrehov1 th {
   font-size: 13px;
   font-weight: bold;
   background-color: #286090;
   text-align: center;
   border-radius: 0px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   padding: 6px;
   /*background:  url("../pics/fond_th.png") repeat-x;
   border-bottom:1px solid #cccccc;
   padding: 2px;*/
   color: #ffffff;
}

.tab_cadre_fixe th {
	border-bottom: 1px solid #fff;
}

 .tab_cadre_fixehov th {
 	border: 1px solid #fff;
 }

.tab_cadrehov, .tab_cadrehov_pointer {
    margin: 0px auto;
    border-radius: 4px;
    border: 1px solid #CCC;
    text-align: left;
    font-size: 11px;
    width: 80%;
    background-color: #FFF;
    box-shadow: 0px 2px 5px #666;
}

.tab_cadrehov > thead > tr > th > a {
	vertical-align: middle;
}

#c_ssmenu2 a img, #c_ssmenu2 a {
   padding-left: 8px;
}

/*###footer */

#footer {
    text-align: center;
    vertical-align: text-top;
    color: #f2f2f2;
    /*position: fixed;*/
    width: 100%;
    bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -moz-linear-gradient(center top , #293339 0%, #1D2429 100%) repeat scroll 0% 0% transparent;
    background: -webkit-linear-gradient(center top , #293339 0%, #1D2429 100%) repeat scroll 0% 0% transparent;
    background: linear-gradient(#293339, #1D2429);
    z-index: 93;
}

#tab_footer td a:hover {
	color: #000;
	text-decoration: none;
}

html {
    position: relative;
    min-height: 99.7%;
}

body {
    margin: 0 0 100px; /* bottom = footer height */
}

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
}
/*###footer */

#mainformtable5 td {
	vertical-align: top;
}


input.submit {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

input.submit:hover,
input.submit:focus,
input.submit.focus,
input.submit:active,
input.submit.active,
.open > .dropdown-toggleinput.submit {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

input.submit:active,
input.submit.active,
.open > .dropdown-toggleinput.submit {
  background-image: none;
}

input.submit.disabled,
input.submit[disabled],
fieldset[disabled] input.submit,
input.submit.disabled:hover,
input.submit[disabled]:hover,
fieldset[disabled] input.submit:hover,
input.submit.disabled:focus,
input.submit[disabled]:focus,
fieldset[disabled] input.submit:focus,
input.submit.disabled.focus,
input.submit[disabled].focus,
fieldset[disabled] input.submit.focus,
input.submit.disabled:active,
input.submit[disabled]:active,
fieldset[disabled] input.submit:active,
input.submit.disabled.active,
input.submit[disabled].active,
fieldset[disabled] input.submit.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
input.submit .badge {
  color: #337ab7;
  background-color: #fff;
}


input.submit {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  /* drop */
  border-bottom: 4px solid #286090;
}

input.submit:focus,
input.submit:active:focus,
input.submit.active:focus,
input.submit.focus,
input.submit:active.focus,
input.submit.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input.submit:hover,
input.submit:focus,
input.submit.focus {
  color: #fff;
  text-decoration: none;
}
input.submit:active,
input.submit.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
input.submit.disabled,
input.submit[disabled],
fieldset[disabled] input.submit {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}


.tab_cadrehov th.headHover a,
.tab_cadre_fixehov th.headHover a {
   color: #555;
}

.well {
	float: none;
	width: 60%;
	margin: auto;
	margin-top: 20px;
	background: #f2f2f2;
}

#logo_bloc {
   /* position:relative; */
   top:30px;
   width: 80px;
   height: 80px;
   background: url(../pics/login_logo_glpi.png)  no-repeat;
   margin:auto;
   margin-bottom: 30px;
}

.vsubmit a {
  color: #fff;
  }

.vsubmit {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.vsubmit:hover,
.vsubmit:focus,
.vsubmit.focus,
.vsubmit:active,
.vsubmit.active,
.open > .dropdown-toggle.vsubmit {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.vsubmit:active,
.vsubmit.active,
.open > .dropdown-toggle.vsubmit {
  background-image: none;
}

.vsubmit.disabled,
.vsubmit[disabled],
fieldset[disabled] .vsubmit,
.vsubmit.disabled:hover,
.vsubmit[disabled]:hover,
fieldset[disabled] .vsubmit:hover,
.vsubmit.disabled:focus,
.vsubmit[disabled]:focus,
fieldset[disabled] .vsubmit:focus,
.vsubmit.disabled.focus,
.vsubmit[disabled].focus,
fieldset[disabled] .vsubmit.focus,
.vsubmit.disabled:active,
.vsubmit[disabled]:active,
fieldset[disabled] .vsubmit:active,
.vsubmit.disabled.active,
.vsubmit[disabled].active,
fieldset[disabled] .vsubmit.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.vsubmit .badge {
  color: #337ab7;
  background-color: #fff;
}


.vsubmit {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;

}

.vsubmit:focus,
.vsubmit:active:focus,
.vsubmit.active:focus,
.vsubmit.focus,
.vsubmit:active.focus,
.vsubmit.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.vsubmit:hover,
.vsubmit:focus,
.vsubmit.focus {
  color: #fff;
  text-decoration: none;
}
.vsubmit:active,
.vsubmit.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.vsubmit.disabled,
.vsubmit[disabled],
fieldset[disabled] .vsubmit {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

.ui-widget-content a {
color: #fff;
}

a.vsubmit {
color: #fff !important;
}


div#list_nav .tab_glpi a {
   color: #555;
}

.col-lg-2 {
	margin-right: 32px !important;
}

.ui-autocomplete-input {
	color: #000;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca; //#f5f5f5;
}

/*
#sla_action a, #plan a, #viewplan a, #ui-tabs-2 a, #ui-tabs-3 a, #ui-tabs-4 a, #ui-tabs-5 a, #ui-tabs-6 a, a#ui-tabs-7 a, #ui-tabs-8 a, #ui-tabs-9 a {
   color: #fff;
}
*/
/*bootstrap fim */

.task {
	border-bottom: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	margin: 5px;
}

/*@media screen and (min-width: 1024px) {*/
@media (min-width:769px) and (max-width:1190px) {
  #count { display:none; }
}

@media screen and (min-width: 1200px) {
  #count { display:block; }
}

@media screen and (max-width: 767px) {
  #count, .nav2 { display:none; }
  .navbar-form { display:none; }
  #avatar { margin-left: 20px; }
  .navbar-collapse {
  	z-index: 99999 !important;
	position: relative;
	}
}

 /* Bootstrap TH vertical align */

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	vertical-align: middle !important;
}

.navbar-collapse {
	background-color: #f8f8f8 !important;
}

.ui-widget-header {
	background: none !important;
	border: 0px !important;
}

.ui-tabs-nav {
	border: 1px !important;
}

.ui-corner-top {
	border-radius: 0px !important;
}

.ui-tabs-vertical, .ui-state-default, .ui-state-active, .ui-state-hover{
	border:0px !important;
}

.ui-dialog-titlebar-close {
	background: url("../pics/reset.png") !important;
}


#page {
	margin-top: -15px !important;
}

.tab_cadre_pager {
	margin-bottom: 5px !important;
}

a { outline:none !important; }

.select2-container {
  /*width: 80% !important;*/
}


#wrap {
    padding:2em;
}
.panel-table {
    display:table;
    width: 84%;
    table-layout: fixed;
}
.panel-table > .panel-heading {
    display: table-header-group;
    background: transparent;
}
.panel-table > .panel-body {
    display: table-row-group;
}
.panel-table > .panel-body:before,
.panel-table > .panel-body:after {
    content:none;
}
.panel-table > .panel-footer {
    display: table-footer-group;
    background: transparent;
}
.panel-table > div > .tr {
    display: table-row;
}
.panel-table > div:last-child > .tr:last-child > .td {
    border-bottom: none;
}
.panel-table .td {
    display: table-cell;
    padding: 8px;
    border: 1px solid #ddd;
    border-top: none;
    border-left: none;
}
.panel-table .td:last-child {
    border-right: none;
}
.panel-table > .panel-heading > .tr > .td,
.panel-table > .panel-footer > .tr > .td {
    background-color: #f5f5f5;
}
.panel-table > .panel-heading > .tr > .td:first-child {
    border-radius: 4px 0 0 0;
}
.panel-table > .panel-heading > .tr > .td:last-child {
    border-radius: 0 4px 0 0;
}
.panel-table > .panel-footer > .tr > .td:first-child {
    border-radius: 0 0 0 4px;
}
.panel-table > .panel-footer > .tr > .td:last-child {
    border-radius: 0 0 4px 0;
}

.number, .number a {
  font-size: 22pt;
  font-weight: normal;
}

.number a:focus, .number a:active, .number a:link {
  text-decoration: none;
}

.cnew a {
  color: #49BF8F;
}

.cpending a {
  color: #FFA830;
}

.csolved a {
  color: #000;
}

.cdue, .cdue a {
  color: #D9534F
}

.titlen {
  font-weight: bold;
}

#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover, #menu5:hover, #menu6:hover, #menu7:hover, #menu8:hover, #menu9:hover {
	background-color: #e6e6e6;
}