/**
 * Styles généraux
 *
 * @package    Connectikup
 * @subpackage skin
 * @version    SVN: $Id: layout.css 1195 2009-12-17 11:06:48Z jsconan $
 */
*
{
  padding: 0px;
  margin: 0px;
}

body
{
  background-color: #fff;
  color: #000;
  font-family: verdana,arial,sans-serif;
  border: 0px none;
}

html, body { height 100%; }

img { border: 0px none; }

/**
 * 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: #2A5894;
  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/page/encours_agenda.png);
}
#page_encours_contenu div#divNb_Messagerie a
{
  background-image: url(../../images/default/page/encours_messagerie.png);
}
#page_encours_contenu div#divNb_Taches a
{
  background-image: url(../../images/default/page/encours_taches.png);
}
#page_encours_contenu div#divNb_DemandeLigne a
{
  background-image: url(../../images/default/page/encours_demande_ligne.png);
}
#page_encours_contenu div#divNb_Frais a
{
  background-image: url(../../images/default/page/encours_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_contenu td.b_onglet_vert td,
#page_contenu td.b_onglet td
{
  text-align: center;
}
#page_contenu ul
{
  display: block;
  margin: 1.12em 0;
  margin-left: 20px;
  margin-top: 0;
  margin-bottom: 0;
  /*
  list-style-position: outside;
  list-style-type: disc;
  */
}
#page_contenu li
{
  display: list-item;
}
#page_contenu .x-tab-panel ul
{
  margin: 0;
}

/*#page_contenu a, #page_contenu a:hover,*/
.x-panel a, .x-panel a:hover
{
  text-decoration: none;
  background-color: transparent;
  color: #2A5893;
}

/**
 * Styles généraux
 */

.spacer {
  clear: both;
  height: 0px;
  overflow: hidden;
}

noscript p
{
  background-color: #ffe1e1;
  color: #000;
  border: 1px solid #f00;
  font-family: arial, sans-serif;
  font-size: 10pt;
  text-align: center;
  padding: 5px 10px;
  margin: 5px 10px;
  float: left;
}
noscript p:hover
{
  background-color: #ffa1a1;
  color: #fff;
}

.erreur, .message, .info
{
  font-family: arial, sans-serif;
  font-size: 10pt;
  text-align: center;
  padding: 5px 10px;
  margin: 5px 10px;
}

.erreur,
{
  background-color: #ffe1e1;
  color: #000;
  border: 1px solid #f00;
}
.erreur:hover
{
  background-color: #ffa1a1;
  color: #000;
}

.message, .info
{
  background-color: #e1ffe1;
  color: #000;
  border: 1px solid #0f0;
}
.message:hover, .info:hover
{
  background-color: #a1ffa1;
  color: #000;
}

/**
 * Barre d'alerte
 */
div.ctk-alert-bar
{
  background-color: #ffffe1;
  color: #000;
  width: 100%;
  border-bottom: 1px solid #a7a6aa;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
}
div.ctk-alert-text
{
  font-family: arial, sans-serif;
  font-size: 10pt;
  padding: 2px 10px;
  margin: 0px;
}
div.ctk-alert-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;
}
div.bloc_appli
{
  margin-top: 1px;
  margin-bottom: 5px;
}
/** fin barre d'alerte) **/

#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;
}

#sf_admin_container h1
{
  background-color: #d6e3f3;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  margin: 6px 0px 12px 0px;
  padding: 5px;
}

ul.liste_admin, ul.liste_admin ul
{
  background-color: #fff;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 10pt;
  font-weight: none;
  text-align: left;
  border: 2px solid #d6e3f3;
  width: 95%;
  margin: 0px;
  padding: 0px;
  margin-left:60px;
  margin-top:10px;
}

ul.liste_admin ul
{
  border: 0px none;
  width: auto;
}


ul.liste_admin li div
{
  background-color: #d6e3f3;
  color: #000;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 5px;
}

ul.liste_admin ul li
{
  background-color: #fff;
  color: #000;
  font-family: arial, sans-serif;
  font-weight: none;
  text-align: left;
  line-height: 16pt;
  margin: 0px;
  padding: 0px;
}

table.tbl-theme
{
	margin-right : 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

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

#page_contenu .col ul,
#page_contenu ul.liste_admin,
#page_contenu ul.liste_admin ul {
  list-style-position:outside;
  list-style-type: none;
  margin: 0 0 0 30px;
}

#page_contenu .col p, #page_contenu .col ul { margin: 1.12em 0; }
#page_contenu .col ul, #page_contenu .cell-bloc ul {
  list-style-position:outside;
  list-style-type: disc;
}
#page_contenu .col li { display: list-item; }
#page_contenu .col ol, #page_contenu .col ul { margin-left: 40px; }
#page_contenu .col ul ul, #page_contenu .col ol ol { margin-top: 0; margin-bottom: 0; }

#page_contenu strong { font-weight: bolder; }
#page_contenu td>p { margin: 0; }

a.lien-valider, a.lien-annuler, a.lien-valider:hover, a.lien-annuler:hover {
  padding: 0px 32px 4px 32px;
  line-height: 32px;
  background-position: left middle;
  background-repeat: no-repeat;
  text-decoration: none;
  font-weight: bold;
  background-color: inherit;
  color: #2A5894;
}

a.lien-valider, a.lien-valider:hover {
  background-image: url(../../images/default/valider_20.png);
}

a.lien-annuler, a.lien-annuler:hover {
  background-image: url(../../images/default/annuler_20.png);
}

/* Portail - Style lorsque le fond n'est pas à afficher */
.portail_default .no-background {
  background: none;
  border: none;
}

table.screenshots, table.screenshots td {
  border: 0px none;
  border-collapse: collapse;
  border-spacing: 0px;
}
table.screenshots td {
  padding: 4px;
}
table.screenshots td img {
  border: 1px solid #000;
}