/**
 * Styles généraux
 *
 * @package    Connectikup
 * @subpackage skin
 * @version    SVN: $Id: layout.css 2027 2010-09-14 09:03:51Z anivet $
 */
*
{
  padding: 0px;
  margin: 0px;
}

html, body { height 100%; }

/**
 * Structure de la page
 */
#page,
#page td.page-layout
{
  border-collapse: collapse;
  border-spacing: 0px;
  vertical-align: top;
  border: 0px none;
  text-align: left;
}
#page
{
  background-image: url(../../images/default/page/entete.png);
  background-position: top left;
  background-repeat: repeat-x;
  width: 100%;
}

#page_bandeau
{
  background-image: url(../../images/default/page/entete_droite.jpg);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  height: 56px;
  overflow: hidden;
}

#page_bandeau_perso
{
  background-image: url(../../images/default/skin/entete_droite.gif);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  height: 56px;
  overflow: hidden;
}

#horloge
{
  cursor: default;
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  padding: 5px 0px;
  border: none;
  background-color: #99BBE8;
  /*
  position: absolute;
  top: 10px;
  left: 280px;
  */
  text-align: center;
}
#hdate
{
  font-weight: bold;
  color: #2A5893;
  background-color: inherit;
}
#htime
{
  color: #2A5893;
  background-color: inherit;
  font-size: 7pt;
}
.img-horloge
{
  padding: 15px 10px;
  background-image: url(../../images/default/pictos/horloge.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#page_menu_ver, #page_menu_hor, #page_menu_v4
{
  background-color: #2a5894;
  color: inherit;
  overflow: hidden;
}
#page_menu_ver
{
  background-image: url(../../images/default/page/entete.png);
  background-position: top left;
  background-repeat: repeat-x;
  width: 24px;
}
#page_menu_hor
{
  height: 24px;
}
#page_menu_v4
{
  width: 129px;
  float: left;
}

#page_barre
{
  background-color: #d6e3f3;
  background-image: url(../../images/default/page/bord_ver.png);
  background-position: 0% 0%;
  background-repeat: repeat-y;
  color: #000;
  border: 0px none;
  width: 150px;
  padding-left: 8px;
  overflow: hidden;
}


/**
 * Bandeau
 */
#page_bandeau img#page_entete_gauche
{
  float: left;
  border: 0px none;
  margin-left: 26px;
}
#page_bandeau_barre
{
  background-color: #2a5894;
  color: #000;
  height: 6px;
  overflow: hidden;
}


/**
 * Barre latérale droite
 */
#page_barre div.barre-sep
{
  background-image: url(../../images/default/page/barre_sep.png);
  background-position:0% 0%;
  background-repeat: no-repeat;
  height: 4px;
  overflow: hidden;
  clear: both;
}

#page_barre input#motcle,
#page_barre select#mailbox
{
  width: 142px;
  overflow: hidden;
}

#page_nom_appli
{
  background-color: #fff;
  color: inherit;
  width: 100%;
}

#page_nom_appli td
{
  background-color: #fff;
  color: #99bbe8;
  font-family: arial,sans-serif;
  font-size: 16pt;
  text-align: center;
  vertical-align: middle;
  height: 48px;
  overflow: hidden;
}

.titre-ombre div
{
  text-align: center;
}

#page_encours
{
  background-image: url(../../images/default/page/encours_left.png);
  background-position: 0% 0%;
  background-repeat: repeat-y;
  background-color: #2A5894;
  color: #fff;
}
#page_encours .encours-top
{
  background-image: url(../../images/default/page/encours_top.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  height: 4px;
  overflow: hidden;
}

#page_encours_contenu
{
  font-family: verdana,arial,sans-serif;
  font-size: 7pt;
  padding: 2px 0px 2px 4px;
  line-height: 16px;
}

#page_encours_contenu a
{
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-color: inherit;
  color: #fff;
  font-family: verdana,arial,sans-serif;
  font-size: 7pt;
  text-decoration: none;
  padding: 2px 0px 2px 20px;
  overflow: hidden;
}

#page_encours_contenu div#divNb_Agenda a
{
  background-image: url(../../images/default/raccourcis/agenda.png);
}
#page_encours_contenu div#divNb_Messagerie a
{
  background-image: url(../../images/default/raccourcis/messagerie.png);
}
#page_encours_contenu div#divNb_Taches a
{
  background-image: url(../../images/default/raccourcis/taches.png);
}
#page_encours_contenu div#divNb_DemandeLigne a
{
  background-image: url(../../images/default/raccourcis/demandeligne.png);
}
#page_encours_contenu div#divNb_Frais a
{
  background-image: url(../../images/default/raccourcis/frais.png);
}
#page_encours_contenu div#divNb_ValidationDivers a
{
  background-image: url(../../images/default/page/encours_validation_divers.png);
}

#page_raccourcis
{
  background-color: #fff;
  color: #000;
  padding: 2px 2px;
  line-height: 20px;
}

#page_raccourcis a
{
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

#page_raccourcis img
{
  padding: 2px 2px;
  border: 0px none;
  vertical-align: middle;
}

#page_raccourcis .liste-raccourcis
{
  
}

#page_raccourcis .ajout-raccourcis
{
  float: right;
}

/**
 * bloc modules/actions
 */
#page_barre div.section
{
  padding-bottom: 5px;
}
#page_barre div.section div.icon
{
  background-image: url(../../images/default/page/close.png);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  background-color: inherit;
  color: #000;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: none;
}
#page_barre div.section div.title
{
  background-color: #99bbe8;
  color: #2a5893;
  font-family: verdana,arial,sans-serif;
  line-height: 18px;
  font-size: 9pt;
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  padding: 0px 0px 0px 5px;
}
#page_barre div.section a.b_action
{
  background-color: inherit;
  color: #000;
  font-family: verdana,arial,sans-serif;
  font-size: 8pt;
  text-decoration: none;
  margin: 0px;
  padding: 0px 0px 0px 40px;
  display: block;
  width: 107px;
}
#page_barre div.section a.b_action:hover,
#page_barre div.section a.b_action:active,
#page_barre div.section a.b_select
{
  font-weight: bold;
  padding: 0px 0px 0px 20px;
  width: 127px;
}

/**
 * Menu sommaire vertical/horizontal
 */
#page_menu_legende
{
  background-color: inherit;
  color: #555;
  font-family: verdana,arial,sans-serif;
  font-size: 11pt;
  line-height: 12pt;
  text-align: left;
  padding: 0px;
  margin: 0px;
  float: left;
}

#page_menu,
#page_menu li,
#page_menu ul.page-menu-panel
{
  list-style-type: none;
  border: 0px none;
  padding: 0px;
  margin: 0px;
  display: block;
}
#page_menu li
{
  cursor: pointer;
  overflow: hidden;
}
#page_menu img,
#page_menu a
{
  border: 0px none;
  text-decoration: none;
}

#page_menu li.page-menu-handle
{
  overflow: hidden;
}

#page_menu li.page-menu-root,
#page_menu li.page-menu-link
{
  background-position:0% 0%;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

#page_menu_hor ul.page-menu
{
  margin: 0px;
}
#page_menu_hor li.page-menu-handle,
#page_menu_hor li.page-menu-root
{
  display: inline;
  float: left;
  height: 24px;
}
#page_menu_hor li.page-menu-root
{
  background-image: url(../../images/default/menu/sep_hor.png);
  padding: 0px 0px 0px 4px;
}
#page_menu_hor li.page-menu-link
{
  padding: 0px 4px;
  display: inline;
  float: right;
}

#page_menu_ver ul.page-menu
{
  margin: 62px 0px 0px 0px;
}
#page_menu_ver li.page-menu-handle,
#page_menu_ver li.page-menu-root
{
  display: block;
  float: none;
  width: 24px;
}
#page_menu_ver li.page-menu-root
{
  background-image: url(../../images/default/menu/sep_ver.png);
  padding: 4px 0px 0px 0px;
}
#page_menu_ver li.page-menu-link
{
  background-image: url(../../images/default/menu/sep_ver.png);
  padding: 60px 0px 0px 0px;
  display: block;
  float: none;
}

#page_menu ul.page-menu-panel
{
  background-color: #e1eaf9;
  color: #2a5894;
  font-family: verdana,arial,sans-serif;
  font-size: 8pt;
  text-align: left;
  border: 1px solid #2a5894;
  padding: 1px 1px 5px 1px;
  overflow: hidden;
  position: absolute;
  z-index: 100000;
}
#page_menu ul.page-menu-panel li
{
  margin: 0px;
  padding: 0px;
  width: auto;
  display: block;
}

#page_menu ul.page-menu-panel li a,
#page_menu ul.page-menu-panel li span
{
  background-color: inherit;
  color: #2a5894;
  font-family: verdana,arial,sans-serif;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
  padding: 1px 1px 1px 4px;
  display: block;
}

#page_menu ul.page-menu-panel li a:hover
{
  background-color: #9abbe8;
  color: #2a5894;
  font-weight: bold;
}

#page_menu ul.page-menu-panel li span
{
  background-color: #2a5894;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  cursor: default;
}

/**
 * Barre de contexte de navigation
 */
#contexte_navigation
{
  padding: 2px;
  margin: 0px 5px 0px 0px;
  line-height: 12pt;
}
#contexte_navigation,
#contexte_navigation a,
#contexte_navigation span
{
  background-color: inherit;
  color: #000;
  font-family: arial,sans-serif;
  font-size: 8pt;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
}
#contexte_navigation a,
#contexte_navigation span
{
  padding: 2px;
  margin: 0px;
}
#contexte_navigation a.select,
#contexte_navigation span.select
{
  font-weight: bold;
}

#page_barre div.bloc-rubriques div.section div.title
{
  overflow: hidden;
  height: auto;
  line-height: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#page_barre div.bloc-rubriques div.section div.title a
{
  color: #2a5893;
  background-color: inherit;
  text-decoration: none;
}

form#recherche {text-align:center;}
form#recherche #keyword {width:145px;}
form#recherche #url {width:150px;}