/*
// +----------------------------------------------------------------------+
// | feuille de style css2                                                |
// +----------------------------------------------------------------------+
// | copyright (c) 2005 Nivux                                             |
// +----------------------------------------------------------------------+
// | ces sources peuvent-être distribués librement. ils sont diffusés     |
// | sous licence gnu (gpl)                                               |
// +----------------------------------------------------------------------+
// | auteur : Anthony Nivet (nivux@free.fr)                               |
// +----------------------------------------------------------------------+
*/

/**
 * style general ...
 */
* {
    font-family: Arial, Sans-serif ;
    font-size: 10pt ;
  }
body {
    margin: 0px ;
    padding: 0px ;
    cursor: default ;
  }

img {
    border: 0 ;
  }

input, select, textarea {
    color: #000000 ;
    background-color: #ffffff ;
    border: 1px solid #000000;
  }

input {
    padding: 1px 2px 1px 2px ;
  }

input:focus, textarea:focus {
    background-color: #F4F4F4 ;
    color: inherit ;
    border: 1px solid #000000 ;
  }

a:link, a:visited, a:active, a:hover {
    text-decoration: none ;
    color: #0033FF ;
    background-color: inherit ;
  }


a:hover {
    color: #3399FF ;
    text-decoration: none ;
    background-color: inherit ;
  }

/** Curseur **/
.cursor-help { cursor: help ; }
/** Alignement **/
.h-center { text-align: center ; }
.h-left { text-align: left ; }
.h-right { text-align: right ; }
.v-middle { vertical-align: middle ; }
.v-top { vertical-align: top ; }
.v-bottom { vertical-align: bottom ; }
/** Polices **/
.smaller { font-size: smaller ; }
.italic { font-style: italic ; }
.bold { font-weight: bold; }
.accesskey { text-decoration: underline; }
.underline { text-decoration: underline; }
/** Divers **/
.invisible { display: none ; }
.obligatoire { color: red ; background-color: inherit ; }
.checkbox { border: 0px ; background-color: transparent ; }
.smiley { margin-bottom: -3px; }
.border { border: 1px solid #000 ; }

/**
 * Bulle d'information CSS
 */
.bulle, .bulle_ombre {
    background: #fff;
    color: #000;
    padding: 2px 5px 2px 5px;
    border: #000000 1px solid;  /* Bordure du cadre (noir) */
    text-align: left;
  }

.bulle {
    /*position: absolute;*/
    z-index: 3;
  }

.bulle_ombre {
    position: relative;
    bottom: 2px;
    right: 2px;
  }

.ombre {
    position: absolute;
    z-index: 3;
    background-color: #a5a5a5;  /* Ombre déportée (Gris) */
    color: inherit;
  }

/**
 * Dessin d'un encadrement en image
 * Nécessaire pour l'utilisation des fonctions tpl_cadre_header() et tpl_cadre_footer()
 */
table.cadre .tl, table.cadre .tr, table.cadre .top { height: 20px ; }
table.cadre .bl, table.cadre .br, table.cadre .bottom { height: 8px ; }
table.cadre .tl, table.cadre .tr, table.cadre .bl, table.cadre .br, table.cadre .right, table.cadre .left { width: 8px ; }
table.cadre .tl { background: url(../../images/cadre/tl.gif) right bottom no-repeat ; }
table.cadre .tr { background: url(../../images/cadre/tr.gif) left bottom no-repeat ; }
table.cadre .bl { background: url(../../images/cadre/bl.gif) right top no-repeat ; }
table.cadre .br { background: url(../../images/cadre/br.gif) left top no-repeat ; }
table.cadre .top {
    background: url(../../images/cadre/top.gif) center bottom repeat-x ;
    vertical-align: bottom ;
    text-align: left ;
    margin: 0px ;
    padding:0px ;
  }
table.cadre .titre {
    background: #fff;
    color: inherit;
    cursor: default;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    padding: 0px;
    margin: 0px;
  }
table.cadre .titre img {
    position: relative;
    bottom: -8px;
  }
table.cadre table.titre_cadre {
    margin-left: 20px;
    position: relative;
    bottom: -15px;
  }
table.cadre table.titre_cadre td { vertical-align: middle; }
table.cadre .right { background: url(../../images/cadre/right.gif) left center repeat-y ; }
table.cadre .left { background: url(../../images/cadre/left.gif) right center repeat-y ; }
table.cadre .bottom { background: url(../../images/cadre/bottom.gif) center top repeat-x ; }
table.cadre .fond_cadre, table.cadre .fond_cadre_puce {
    text-align: left ;
    padding: 5px 2px 5px 2px ;
  }
table.cadre .fond_cadre_puce {
    padding-top: 20px ;
    background: transparent;
  }

/**
 * Message d'attente (loader)
 * Nécessaire pour l'utilisation de la fonction tpl_msg_attente()
 */
#loader {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

#loader div {
  padding: 3px;
  background: #ffffff;
  color: inherit ;
}

#loader p {
  background: #EEF0FC url(../../images/loading.gif) 3% 50% no-repeat ;
  border: 3px solid #6E89DD;
  padding: 10px 10px 10px 50px ;
  margin: 0;
  color: inherit ;
}


#loader strong {
  display: block;
  margin-bottom: 3px;
}

#loaderContainer {
  border: 0px solid #000 ;
  position: fixed ;
  width: 100% ;
  height: 100% ;
  top: 0 ;
  left: 0 ;
  /*
  position: expression('absolute') ;
  height: expression(document.documentElement.scrollHeight+'px');
  width: expression(document.documentElement.scrollWidth+'px');
  height: expression(document.documentElement.clientHeight+'px') ;
  width: expression(document.documentElement.clientWidth+'px') ;
  */
  z-index: 1000 ;
  }

#loaderContainer td {
  padding-top: 150px ;
  vertical-align: top ;
  text-align: center ;
  background-image: url(../../images/semi-transparent.gif) ;
}

#loaderContainer td div {
  padding-top: 3px ;
  text-align: left ;
}

/**
 * Style par défaut du framework
 */

/** Style par défaut pour la fonction tpl_titre() **/
.titre {
    margin: 0px ;
    padding: 0px ;
    vertical-align: middle ;
    color: #000000 ;
    background-color: inherit ;
    text-align: left ;
    font-weight: bold ;
  }

/** Style par défaut pour tpl_titre() avec la proriété $_lien_retour d'initialisé **/
.retour {
    text-align: right ;
  }

/** Bouton de formulaire **/
input.btnSubmit {
    border:1px solid #000000 ;
    color: #000000 ;
    background-color: #D3D3D3 ;
    padding: 0px 10px 0px 10px ;
  }

/** Message d'erreur **/
#erreur, .erreur {
    text-align: left ;
    padding: 5px 10px 5px 30px ;
    background: #ffe1e1 url(../../images/erreur.gif) 7px 5px no-repeat ;
    border: 1px solid red ;
    color: #000000 ;
  }

/** Message d'information **/
#info, .info {
    padding: 5px 10px 5px 30px ;
/*    margin-left: 20px ; */
    border: 1px dotted #000 ;
    color: inherit ;
    background: #fdffdd url(../../images/info.gif) 7px 5px no-repeat ;
    vertical-align: middle ;
  }



/**
 * Style pour une page de formulaire
 **/
#tbl_forms {
    margin: 0px ;
    padding: 0px ;
    text-align: left ;
    width: 90% ;
  }

#tbl_forms .col1 {
    margin: 0px ;
    padding: 7px 10px 0px 0px ;
    font-weight: bold ;
    vertical-align: top ;
    text-align: right ;
    width: 200px ;
  }

#tbl_forms .col2 {
    margin: 0px ;
    padding: 5px 1em 5px 5px ;
    background-color: #FBFBFB ;
    color: inherit ;
    vertical-align: middle ;
    /*width: 50% ;*/
  }

#tbl_forms .cell-checkbox {
  width: 30px ;
}
#tbl_forms .col2 table.champ {
    width: 100% ;
  }
#tbl_forms .desc {
    vertical-align: middle ;
    padding: 0 0 0 10px ;
    margin: 0px ;
    width: 20px ;
    text-align: right ;
  }

#tbl_forms .ligne {
    border-top : 1px solid #999 ;
  }

#tbl_forms .info_champ {
    background: url(../../images/info.gif) center center no-repeat ;
    margin-bottom: 3px ;
    width: 16px ;
    height: 16px ;
    border: 0px;
  }

/**
 * Style pour la page de listing
 */
#liste {
    margin: auto ;
    padding: 0px ;
    width: 95% ;
    text-align: left ;
    font-size: 95% ;
  }


#liste .col {
    border-bottom: 1px solid #777 ;
    color: #444 ;
    background-color: inherit ;
  }


/**
 * Style pour la page d'installation (install.tpl.htm)
 **/
#install {
    width: 100% ;
    text-align: center ;
    border: 0px ;
    font-size: 10pt ;
  }


#install .libelleForm {
    font-size: 80% ;
    width: 50% ;
    vertical-align: middle ;
    text-align: left ;
  }


#install .inputForm {
    width: 50% ;
    text-align: left ;
    vertical-align: middle ;
    border: 1px solid #ccc ;
    color: inherit ;
    background-color: #f1f1f1 ;
  }


#install .titreForm {
    font-weight: bold ;
    color: #ffffff ;
    background-color: #6a99db ;
    margin-bottom: 10px ;
    text-align: center ;
  }


#install .boutonFrm {
    border: 1px solid #006699 ;
    color: #444 ;
    background-color: inherit ;
    padding: 0px 10px 0px 10px ;
  }


.contenucellule {
    background-color: #F8F8F8 ;
    color: inherit ;
    border:2px solid #006699 ;
  }

a.puce, a.puce:hover {
    padding: 0px 5px 0px 23px ;
    margin: 0px ;
    /*line-height: 30px ;*/
    display: inline ;
    font-weight:bold ;
    font-size: 8pt ;
    font-family: Arial, Sans-serif;
    color: #000000 ;
    background-color: inherit ;
    vertical-align: middle ;
  }
a.fr_FR { background: url(../../images/flags/fr.png) 0% 50% no-repeat ; }
a.en_GB { background: url(../../images/flags/en.png) 0% 50% no-repeat ; }

#body #corps {    /* Cellule contenant la section de corps de page */
    height: 440px ;   /* Hauteur minimum */
    width: 90% ;
  }