@CHARSET "ISO-8859-1";

/*******
 General
 *******/
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Tahoma;
}

html, body{
  height: 100%;
}

h1{
  color: #ABC5DF;
  background-color: #708191;
  /* background-color: #a00; */
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: center;
  font-size: 2em;
  line-height: 44px;
}

.titre, h2{
  display: block;
  width: 100%;
  line-height: 14px;
  margin-top:1em;
  margin-bottom: 0.5em;
  font-family: Gill Sans, Verdana;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

caption{
  margin-top:1em;
  margin-bottom: 0.5em;
  font-family: Gill Sans, Verdana;
  font-size: 15px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a {
  text-decoration: none;
  color: #2C2F20;
  }

a:hover {
  text-decoration: underline;
  }

img {
  border:0px none;
}

table {
  border-collapse: separate;
  border-spacing: 0px;
  }
/********************************************
 L'élement contenant tout ce qui est présenté 
 ********************************************/

#conteneur {
  background-color: #FFFFFF;
  padding-bottom: 3em;
  }
  
/***************************
 l'élément contenant le menu 
 ***************************/
#menu {
  background-color: #708191;
  display: block;
  float: left;
  width: 120px;
  font-size: 16px;
  }

#menu + *{
  width:auto;
}

#menu li{
  margin: 0.5em;
  }

#menu li .logo, #menu li .label{
  display: block;
  width: 100%;
  text-align: center;
  }

#menu a{
  display: block;
  padding: 0.5em;
  }

#menu li .label {
  color: #DEDEDE;
}

#menu a:hover{
  background-color: #ABC5DF;
  text-decoration: none;
  }

#menu a:hover .label {
  color: #212121;
}

/*******************************
 Les filtres sous forme d'onglet
 *******************************/
ul.filtre{
  position: relative;
  width:100%;
  line-height:normal;
  border-bottom:1px solid #666;
  list-style:none;
  overflow: auto;
  margin-top: 1em;
  }

.clear{
  clear: both;
  }
  
ul.filtre > li {
  margin-left: 2em;
  }

ul.filtre li {
  display:block;
  }
ul.filtre a {
  float:left;
  background:url("../images/onglet/tableft6.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
ul.filtre a span {
  float:left;
  display:block;
  background:url("../images/onglet/tabright6.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.filtre a span {float:none;}
    /* End IE5-Mac hack */
ul.filtre a:hover span {
  color:#FFF;
  }
ul.filtre a:hover {
  background-position:0% -42px;
}
ul.filtre a:hover span {
  background-position:100% -42px;
}

ul.filtre .active a {
  background-position:0% -42px;
}

ul.filtre .active a span {
  background-position:100% -42px;
  font-weight: bold;
  color: #f00;
}

.show {
  display: block;
  }

.hide {
  display: none;
  }
  
/*******************
 Le menu des actions
 *******************/
a.add{
  background:url("../images/fichier_ajouter.png") no-repeat;
  padding-left: 20px;
}

a.liste{
  background:url("../images/fichier_liste.png") no-repeat;
  padding-left: 20px;
}

div.actions{
  background-color: #708191;
  /* background-color: #a00; */
  width: 100%;
  overflow:visible;
  text-align: center;
  padding: 0.5em 0em;
}

div.actions ul{
}

div.actions li{
  display: inline;
  padding: 0.5em 1em;
  border-top: 4px solid #ABC5DF;
}

div.actions a{
  color: #DEDEDE;
  }

/*******************
 Le menu des sous actions
 *******************/
div.sous_actions{
  width: 100%;
  overflow:visible;
  padding: 0.5em 0em;
  text-align: center;
}

div.sous_actions ul{
}

div.sous_actions li{
  display: inline;
  padding: 0.5em 1em;
  border-top: 4px solid #708191;
}

div.sous_actions a{
  color: #212121;
  }

/***************************************
 Le contenu généré par les fonctions php 
 ***************************************/
#contenu {
  background-color: #FFFFFF;
  overflow: visible;
}

/***************************
 L'affichage des plannings
****************************/
span.details {
  position: absolute;
  display: block;
  max-width:12em;
  left:-999em;
  z-index: 2;
  background-color:#EFEFEF ;
  border: 1px dashed #DADADA;
  padding: 0.5em;
  font-size: medium;
  font-family: serif;
}

span.prestation {
  display: block;
  }

a:hover span.details{
  left:auto;
  }

a.lien_vide{
  display: block;
  position: relative;
  top:0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  vertical-align: top;
  }

a.lien_vide:hover{
  text-decoration: none;
  }

.choix_date{
  display:none;
}
/************************
 Affichage des graphiques
 ************************/
 
.graphique{
  display: block;
  float: left;
  border: 1px solid gray;
  padding: 0.5em;
  margin: 1em;
  }

.timeline{
  font-size: 0.75em;
  height: 10em;
}

.timeline li {
  height: 8em;
  position: relative;
  float: left;
  width: 2em;
  margin: 0 0.2em;
  }

.timeline li a{
  display: block;
  height: 100%;
  }

.timeline li a:hover .count{
  background: #999;
  }

.timeline li .label{
  display: block;
  position: absolute;
  bottom: -2em;
  line-height: 1.75em;
  left: 0;
  width: 100%;
  text-align: center;
}

.timeline li .count{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #AAA;
  color: #FFFFFF;
  text-align: center;
}

/***************************
 Tableau sous forme de liste
 ***************************/

table.liste th{
  background: url(../images/menu/fade.gif) left top;
  padding: 0.3em;
  border-bottom: 3px solid #708191;
}

table.liste td {
  border-bottom: 1px dashed #708191;
  padding: 0.3em;
  text-align: center;
}

table.liste tr.even{
  background-color: #E8EFF6;
  }

table.liste tr.desactive{
  background: url("../images/menu/fade.gif") repeat-x;
  }

table.liste tr:hover{
  background-color: #E7E0C2;
  }

table.liste td a img{
  vertical-align: middle;
}

table.liste{
  border-collapse: separate;
  background-color: #D9E5F0;
  border-spacing: 0;
  empty-cells: show;
  margin-left: 5px;
  margin: 0 auto 2em auto;
  width: 100%;
  font-size: 0.8em;
  }

table.liste td.prix{
  text-align: right;
  }

table.navigation{
  margin: 1em auto;
  font-weight: bold;
  font-size: 1.2em;
  }

table.navigation td{
  padding: 0 0.5em;
  }

/*************************************
 Formulaire d'ajout ou de modification
 *************************************/
form table{
  width: 80%;
  margin: auto;
}

th.qte{
  font-size: 0.7em;
  font-style: normal;
}
td.qte, td.qte input{
  width : 30px;
  text-align: center;
}

.ajout{
  margin: 0 auto;
  text-align: center;
}

.ajout fieldset{
  width: 90%;
  min-width: 800px;
  margin: 1em auto;
  border: 3px solid #708191;
  background-color: #ABC5DF;
  }

.ajout fieldset legend{
  background: url(../images/menu/black_0.gif) center no-repeat;
  padding: 8px 50px;
  color: #FFFFFF;
  height: 35px;
  margin: 0.5em 1em;
  border: 0px solid #000000;
  border-left-width: 1px;
  border-right-width: 1px;
  }

.ajout div{
  width: 50%;
  margin: 0.5em;
  overflow: auto;
}

a.requis{
  background-image: url(../images/requis.png);
  background-position: center;
  background-repeat: no-repeat;
}

.ajout div.requis label{
  background-image: url(../images/requis.png);
  background-position: left;
  background-repeat: no-repeat;
  font-weight: bold;
}

.ajout div.aide{
  float: right;
  display: block;
  width: 35%;
  border: 1px dotted #708191;
  margin: 0 5% 1em 0;
  padding: 0.5em;
  background-image: url(../images/aide.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.ajout div.aide p{
  text-indent: 1em;
  margin-bottom: 0.5em;
  }

.ajout label{
  display: block;
  float: left;
  width: 40%;
  text-align: right;
  margin: 0;
  padding: 0 1% 0 17px;
 }

.ajout input , .ajout textarea , .ajout select{
  clear: both;
  /*width: 50%;*/
  font-size: 1em;
  padding:2px;
}

.ajout input[type=radio], .ajout input[type=checkbox]{
  width: 1em;
  vertical-align: middle;
}

.ajout .titre{
  display: block;
  margin-top:1em;
  margin-bottom: 0.5em;
  font-family: Gill Sans, Verdana;
  font-size: 15px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
  width: 100%
}

.ajout .nombre{
  width: 2em;
  position: relative;
  left: 0;
  }

button{
  background: url(../images/bouton.gif) no-repeat left top;
  height:31px;
  width: 130px;
  border:none;
  font-weight: bold;
  color: #FFFFFF;
  padding:0 4px 4px 4px;
  margin: 0.5em;
  vertical-align: middle;
  line-height: 21px;
}



.ajout table {
  border-collapse: collapse;
  font-size: 0.9em;
}

.ajout table td{
  border: 1px dotted #708191;
}

.ajout table th{
  height: 25px;
  border: 1px dotted #708191;
  background: url(../images/tbl_th_bleu_fonce.png) repeat-x;
}

td.impaire, td.impaire input, td.impaire select, .impaire td, .impaire td input, .impaire td select{
  background: #e6edf3;
}

.ajout table td+td{
  text-align: left;
  padding-left: 10px;
}

.ajout table td+td+td,.ajout table td+td+td+td{
  text-align: center;
  width: 50px;
}


.ajout .planning input{
  width: 2.5em;
  }

.ajout div.complement{
  position: absolute;
  width: 400px;
  top:40%;
  left:50%;
  margin-left:-200px;
  padding: 0.5em;
  border: 1px solid #708191;
  background: #ABC5DF;
  }

.complement textarea {
  width: 100%;
  }

/**************************************
 Concernant les descriptions détaillées
 **************************************/
dl.description{
  width: 65%;
  margin: 1em auto;
  font-size: 1.2em;
}

dl.description dt{
  width: 30%;
  text-align: right;
  font-style: italic;
  font-size: larger;
}

dl.description dd{
  margin-left: 32%;
  margin-bottom: 1em;
  padding-left: 2%;
  width: 65%;
  border-left: 1px solid #000000;
}

dl.description dd img{
  vertical-align: middle;
}

/*************************************
 Concernant les messages d'information
 *************************************/

div.message{
  margin: 1em auto;
  display: block;
  width: 50%;
  border: 1px solid #FFFFFF;
  padding: 0.5em;
  background-color: infobackground;
 }

div.message ul {
  list-style-position: inside;
  }

div#msg_succes{
  border-color: green;
  }

div#msg_succes ul{
  list-style-image: url(../images/bullet_succes.png);
  }

div#msg_avertissement{
  border-color: orange;
  }

div#msg_avertissement ul{
  list-style-image: url(../images/bullet_avertissement.png);
  }

div#msg_erreur{
  border-color: red;
  }

div#msg_erreur ul{
  list-style-image: url(../images/bullet_erreur.png);
  }
  
div.message a{
  text-decoration : underline;
  color: blue;
}

/***************************************************
 Concernant l'inventaire et les mouvements de stocks
 ***************************************************/	
ul.inventaire {
  margin-left: 2em;
  }

ul.inventaire li{
  overflow: auto;
  padding: 0.3em;
  }

ul.inventaire .intitule{
  display: block;
  float: left;
  }

ul.inventaire .action{
  display: block;
  text-align: right;
  }

ul.inventaire li:hover{
  background-color: #E7E0C2;
  }

table.produit{
  empty-cells: show;
  /*border-collapse: separate;*/
  /*background-color: #ABC5DF;*/
  font-size: medium;
  margin: 0.5em 0 1em 0;
  /*border:1px solid #708191;*/
  /*border-bottom-width: 0px;
  border-right-width: 0px;*/
}

table.produit tr {
  border: 1px solid #708191;
}

table.produit tr > *{
  padding: 0.1em 0.3em;
  border: 1px solid #708191;
  border-left-width: 0px;
  border-top-width: 0px;
}

table.produit th{
  text-align: left;
}

.prix{
  text-align: right;
  font-weight: bold;
}
table.produit tr.head  > *{
  background: url(../images/tbl_th_bleu_fonce.png) repeat-x;
}

table.produit tr.total  > *{
  background: url(../images/tbl_th_pomme.png) repeat-x;
}

table.produit tr.totalparent  > *{
  background: url(../images/tbl_th_turquoise.png) repeat-x;
}

table.produit tr.totalgeneral  > *{
  background: url(../images/tbl_th.png) repeat-x;
}

table.produit tr.vide ,table.produit tr.vide  > *{
  height: 25px;
  background: none;
  border: 0;
  }

/*******
 Facture
 *******/

#facture{
  width: 800px;
  margin: 1em auto;
  border: 1px solid gray;
  padding: 0.5em;
}

#facture .entete {
  background: url(../images/logo_areva.png) no-repeat;
  background-position: top right;
}

#facture .entete p{
  margin: 0.5em auto;
  width: 50%;
  min-height: 90px;
  padding: 0.5em;
  border: 1px solid gray;
  text-align: center;
  font-weight: bold;
}
/*
#facture .contenu{
  overflow: hidden;
}*/

#facture .notes{
  padding: 0;
  margin: 0.5em 2em;
  text-align: right;
  font-style: italic;
  }
  
#facture .destinataire{
  text-align: right;
  margin: 0.5em 2em;
}

#facture .pied{
  font-size: 10px;
  letter-spacing: 1px;
  height: 100px;
}

#facture .pied strong{
  font-size: 14px;
  color: #c00;
}


 /*
#facture{
  width: 800px;
  margin: 1em auto;
  border: 1px solid gray;
  padding: 0.5em;
  overflow: auto;
  background: url(../images/logo_areva.png) no-repeat;
  background-position: 98% 1em;
} 
 
#facture .entete{
  margin: 0.5em auto;
  width: 50%;
  padding: 0.5em;
  border: 1px solid gray;
  text-align: center;
  font-weight: bold;
  }

#facture .notes{
  padding: 0;
  margin: 0.5em 2em;
  text-align: right;
  font-style: italic;
  }

#facture .destinataire{
  float: right;
  text-align: right;
  margin: 0.5em 2em;
  overflow:hidden;
  }
  
#facture .pied{

  font-size: 10px;
  width: 100%;
  
  letter-spacing: 1px;
}

#facture .pied strong{
  font-size: 14px;
  color: #c00;
}*/

/**************
 Page d'accueil
 **************/

.accueil {
  margin: 1em auto;
  padding: 0.5em;
  border: 3px solid #708191;
  background-color: #ABC5DF;
  text-align: center;
  }

.accueil label{
  display: block;
  text-align: right;
  float: left;
  }

.accueil div{
  margin-top:0.5em;
  vertical-align: middle;
  }

.accueil input{
  clear:both;
  }

/*************************
 Le manuel et le copyright
 *************************/
.manuel, .copyright {
  position: absolute;
  top: 70px;
  z-index: 10;
  color: #ABC5DF;
  height: 44px;
  }
.manuel a, .copyright a{
  color: #ABC5DF;
  }

.manuel {
  left: 10px;
  }

.copyright {
  right: 10px;
  }

/* div.actions  li.semaine{
  line-height: 32px;
  height: 32px;
}

div.actions  li.semaine a{
  width: 32px;
  height: 32px;
  text-decoration : none;
}

div.actions  li.semaine a.s_0 { background : url('../images/s57.png') no-repeat;}
div.actions  li.semaine a.s_0:hover { background : url('../images/s57H.png') no-repeat;}

div.actions  li.semaine a.s_1 { background : url('../images/s75.png') no-repeat;}
div.actions  li.semaine a.s_1:hover { background : url('../images/s75H.png') no-repeat;} */


.view table{
  margin: 0 auto;
}

.view td.qte{
  padding:0;
  text-align:center;
  width: 24px;
}

.noscreen{
  display:none;
}

/* Modif 2017.12.04*/
table.facture *{
  /*font-family: "Courier New", monospace;*/
}

table.facture{
  background-color:none;
  border:none;
}

table.facture td,
table.facture th{
  min-width:60px;
  padding:2px;
  /*border:none;*/
}

table.facture td+td{
  width:100px;
}

table.facture input[type=text]{
  border:1px solid #666;
  width:60px;
  text-align:center;
  padding:0;
}

table.facture button.calc{
  width: 20px;
  height:20px;
  background: url(../images/higloss_graphite_15.png) no-repeat left top;
  padding:0px;
  margin:0px;
}

table.facture tr.break th,
#facture table.liste tr.break th{
  border: none;
  background-image:none;
  background-color:#fff;
  height:10px;
  padding:0;
  margin:0;
}

table.facture .break *,
table.facture .total *,
#facture table.liste .break *,
#facture table.liste .total *{
  border: none;
  background-color: #fff;
}

/*table.facture tr.break th{
  background-image:none;
}*/

table.facture tr.total td+td,
#facture table.liste tr.total td+td{
  background-color:#D9E5F0;
  font-weight: bold;
  border: 1px solid gray;
}

table.facture tr.total td+td+td,
#facture table.liste tr.total td+td+td{
  background-color:#fff;
  font-weight: normal;
}


a.asc{
    padding-left : 18px;
    background: url(../images/descendant.png) no-repeat left top;
}

a.desc{
    padding-left : 18px;
    background: url(../images/ascendant.png) no-repeat left top;
}