body.agent #logo {
    position: absolute;
    bottom: 100%;
    right: 0px;
    height: 55px;
    width: 200px;
    top: -58px;
}

div#content {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

/*
 *  La bare de connection 
 */
body.agent #banner {
    height: 20px;
    min-height: 0px;;
}

body.agent #issilaVersion {
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    color: #ffffff;
}

body.agent #logout {
    position: static;
    color: #ffffff;
    text-align: right;
    border: 1px solid #ffffff;
    padding-right: 16px;
}

body.agent #logout #logout_text {
    display: none;
}

body.agent #logout a img {
    position: absolute;
    top: 4px;
    right: 3px;
}

body.agent#logout,div#logout a {
    
}

body.agent #applications {
    position: absolute;
    top: auto;
    bottom: 100%;
    left: 0px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

body.agent #applications ul {
    list-style-type: none;
}

body.agent #applications ul li {
    float: left;
    padding-right: 10px;
    background-position: left 4px;
    background-repeat: no-repeat;
    padding-left: 15px;
    background-image: url("images/agent_loisirs_carre_separat_off.png");
}

body.agent #applications ul li.current {
    background-image: url("images/agent_loisirs_carre_separat.png");
}

body.agent #applications ul li a {
    text-decoration: none;
    color: #ffffff;
}

/*
 * La barre de navigation
 */
body.agent #navigation {
    margin-top: 0px;
    border-top-width: 0;
}

body.agent #navigation .sf-shadow ul {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-radius-bottomleft: 0px;
    -webkit-border-radius-topright: 0px;
    border-radius-bottomleft: 0px;
    border-radius-topright: 0px;
}

body.agent #navigation ul.sf-menu {
    margin-bottom: 0;
    white-space: nowrap;
    width: 984px;
}

body.agent #navigation ul.sf-menu li {
    width:245.5px;
}

body.agent #navigation ul.sf-menu li ul {
    width: 100%;
    top: 100%;
}

body.agent #navigation ul.sf-menu li ul ul {
    width: 100%;
    top: 0;
}

body.agent #navigation ul.sf-menu li ul li {
    width: 100%;
}

body.agent #navigation ul.sf-menu li li:hover ul,body.agent #navigation ul.sf-menu li li.sfHover ul
    {
    left: 100%;
}

body.agent #navigation ul.sf-menu li a {
    border-top-width: 0;
    border-left-width: 0;
    border-right: 1px solid;
}

body.agent #navigation ul.sf-menu li.last a {
    border-top-width: 0;
    border-left-width: 0;
    border-right: 0;
}

body.agent #navigation ul.sf-menu li li a {
    border-right-width: 0;
    border-top: 1px solid;
}

/*
 * Le contenu de la page
 */
body.agent #page {
    
}.daterange-elem {
    width:155px;
}

/*****
 * Thèmes et sous thèmes
 */
#main_list_container,ul.connectedSortable {
    padding-left: 15px;
    margin-left: 0em;
    list-style-type: none;
}

#main_list_container li.root-topic {
    display: block;
    padding: 4px;
    width: 221px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

ul.connectedSortable li {
    display: block;
    width: 194px;
}

ul.main_list_container input {
    font-size: 0.7em;
    height: 16px;
}

.unmovable {
    list-style-type: none;
    font-size: 1px;
    padding: 0px;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    height: 1px;
}

.root-topic span.root-topic-name {
    font-weight: bold;
}

ul.connectedSortable li.movable {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    cursor: move;
    height: 20px;
    margin: 0;
    padding-left: 10px;
    padding-top: 4px;
}

.hover-topic {
    font-weight: bold;
}

.topic-placeholder {
    border-style: solid;
    border-width: 1px;
    height: 24px;
    margin: 0px;
    padding-left: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
}

.topic-deleter {
    float: right;
    background-image: url(/css/agent/loisirs/ria/images/icons_default.png);
    background-position: -112px -16px;
    height: 16px;
    width: 16px;
    display: block;
}

.disabled-topic-deleter {
    float: right;
    background-image: url(/images/ria/icons_default.png);
    background-position: -128px -16px;
    height: 16px;
    width: 16px;
    display: block;
    margin-right: 2px;
    cursor: default;
}

.topic-adder,.topic-deleter, .topic-editer {
    cursor: pointer;
    margin-right: 2px;
}

.topic-adder:hover,
.topic-deleter:hover, 
.topic-editer:hover {
    background-image: url(/images/ria/icons_hover.png);
}
    
.topic-adder {
    background-image: url(/images/ria/icons_default.png);
    background-position: -32px -32px;
    height: 16px;
    width: 16px;
    display: block;
    float: right;
}

.topic-editer {
    background-image: url(/images/ria/icons_default.png);
    background-position: -48px 0;
    height: 16px;
    width: 16px;
    display: block;
    float: right;
}

/*********************************************************
 * Gestion des fichiers
 */
.file-form-container {
    position: relative;
    width: 500px;
    height: 50px;
    /*border-style:solid;
    border-width: 1px;*/
}

.file-form-toggle {
    cursor: pointer;
    font-weight: bold;
    font-size: 120%;
    width: 478px;
    display: block margin-top :   0px;
    margin-left: 0px;
}

.file-li {
    list-style-type: none;
    width: 520px;
    padding-left: 10px;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius-bottomleft: 4px;
    border-radius-bottomleft: 4px;
    margin-bottom: 5px;
}

.file-deleter {
    background-image: url(/images/ui-icons_888888_256x240.png);
    background-position: -176px -96px;
    height: 16px;
    width: 16px;
    float: right;
    display: block;
}

.file-downloader {
    background-image: url(/images/ui-icons_888888_256x240.png);
    background-position: -128px -192px;
    height: 16px;
    width: 16px;
    float: right;
    display: block;
}

/******************************************
 *  Crud dans une popup
 */
.xtlsfrai-like-list li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: pointer;
    padding-left: 24px;
}

.activity-entity-related-supporting-documents {
    margin-bottom: 14px;
}

.activity-entity-related-supporting-documents li {
    padding-left: 24px;
}

.xtlsfrai-like-list  li.no-deco {
    font-style: italic;
}

.xtlsfrai-like-list li.ui-state-hover {
    border-top-width: 0px;
}

/*********************************************************
 * Définition des activités
 */
.half_width {
    width: 50%;
}

.activity-type-selector {
    margin: 3px;
    cursor: pointer;
    float: left;
}

.alternative-activity-type-selector {
    cursor: pointer;
}

.highlighted-activity-selector {
    border: 2px solid #88ff88;
}

/* menu des sessions pour le programme */
#program_sessions_menu {
    width: 210px;
    float: right;
    margin-right: 5px;
    border: 0px;
    clear: both;
}

#alternative-activity-type-selectors {
    height: 32px;
}

#program_alt_activity_actions {
    height: 24px;
    padding: 5px;
    width: 210px;
}

#program_alt_activity_menu {
    height: 60px;
    padding: 5px;
    width: 210px;
}

#activity-type-info {
    padding-left:10px;
    float: left;
    margin-top: 10px;
}

#week_table_container {
    margin-top:10px;    
}

#activity-is-program-alternative-info {
  cursor: pointer;    
}


#week_table_container table td.activity-session {
    cursor: pointer;
}

/*********************************************************
 * Formulaires
 */
.input-label {
    text-transform: uppercase;
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #6FB2CE;
    background-image: none;
    border: medium none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0.2em 0.2em 0;
    position: relative;
    border-bottom: 1px solid #D7DCDE;
}

div.input-style-inline.xtlinput label.input-label {
    font-weight: normal;
}

.button_choice_list {
    cursor: pointer;
    border: 1px solid black;
    padding-left: 15px; 
    padding-right: 15px;
}

.xtlview-table button {
    
}

div#search_list, div#legend, div#legend_left, div#listNoScrollbar, div#list {
    position: static;
}
/* Utilisée sur les pages communes VS/AL pour que le contenu se place en dessous 
de la legend qui est en float:right */
.al-anti-float {
    margin-top: 50px;
}
/*-----------------------------------------*/
/* Liste de présence par centre de loisirs */
/*-----------------------------------------*/
.presence-table {
    margin-top: 5px;
}

.presence-table td.number {
    text-align: center;
}


/*-----------------------------------------*/
/*   Switch Agent                          */
/*-----------------------------------------*/

div#switch_agent {
  -moz-background-inline-policy:continuous;
  background:none repeat scroll 0 0 #E9E9EF;
  border:1px solid #AAAAAA;
  cursor:default;
  height:22px;
  left:375px;
  padding-left:5px;
  position:absolute;
  top:-24px;
  width:240px;
}

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

div#switch_agent_sub_content {
    display: none;
    background: #E9E9EF;
}

div#switch_agent table.family_switch {
    margin-bottom: 5px;
}

div#switch_agent_sub_content table {
    margin-left:30px;
    width:190px;
    margin-bottom: 5px;
}

div#switch_agent  table.family_switch td.icon{
    width: 20px;
}

div#switch_agent_sub_content table td {
    width: 20px;
    height: 20px;
}

li#switch_agent_selector:hover #switch_agent_sub_content {
    display: block;
}

/*-----------------------------------------*/
/*   AGT_GES_STAT                          */
/*-----------------------------------------*/

#div_stats_filter_age_max,
#div_stats_filter_age_min {
    float: left;
}