ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}

h4 {
    font-weight: bold;
    font-size: 9pt;
}


#global {
    position: relative;
}

/* contient l'ensemble de la page */
#issila {
    margin: auto; /* centrer la div globale */
    width: 984px; /* largeur figee */
}

/*
 * Contient le contenu de la page (sans entete ni navigation)
 */
#page {
    padding: 3px;
}

/* contient :
	La banière
	La navigation des fonctions
*/
#header {
    width: 100%;
}

/* contient :
	le logo (mairie / issila)
	l'espace connexion (formulaire / nom du compte)
	la navigation des applications
	la version de la suite issila
*/
#banner {
    height: 100px;
    width: 100%;
}


#logout {
    position: absolute;
    top: 35px;
    left: 180px;
}

/* styles "herites" de scolaire */
body,select,input {
    margin: 0px;
}

a img {
    border: 0px;
}

/* 
 * Styles formulaire
 */
.align_field_title {
    text-align: right;
}

legend {
    margin-left: 5px;
    font-weight: bold;
}

.mandatory {
    color: red;
}

.xtlaction {
    margin: 3px;
}

.popup-actions {
    text-align: center;
    margin-top:20px;    
}

a.xtl-img-text-button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    padding: 3px;
    text-align: center;
    display: block;
    min-height: 60px;
    text-decoration: none;
}

a.xtl-img-text-button:hover {
    font-weight: bold;
}

/** Wizard */
div.wizard-steps ul.steps {
    padding: 0;
    border: 1px solid black;
}

/* etape (par défaut non accessible) */
div.wizard-steps ul.steps li {
    display: block;
    padding: 3px;
    font-weight: bold;
    color: gray;
}

div.wizard-steps ul.steps li span.step {
    text-decoration: underline;
    text-transform: uppercase;
}

/* etape accessible */
div.wizard-steps ul.steps li.active {
    color: black;
}

div.wizard-steps ul.steps li a {
    display: block;
    width: 100%;
}

/* etape courante */
div.wizard-steps ul.steps li.current {
    color: white;
    background-color: lightgray;
}

/* la donnée de l'étape */
div.wizard-steps ul.steps li .step-datas {
    font-style: italic;
    font-weight: normal;
}

/* les donnée de l'étape */
div.wizard-steps ul.steps li ul.step-datas li {
    display: list-item;
    padding: 3px 0px;
    color: black;
}

/*
 * Tableaux à la VS
 */ /** div pour la recherche des listes */
div#search_list {
    position: relative;
    float: left;
    height: 41px;
    padding: 2px;
    border: 1px solid;
}

div#legend {
    position: relative;
    float: right;
    height: 41px;
    padding: 2px;
    border: 1px solid;
    margin: 0px;
}

div#legend_left {
    position: relative;
    float: left;
    height: 41px;
    padding: 2px;
    border: 1px solid;
    margin: 2px;
}

div#list {
    position: relative;
    float: left;
    width: 100%;
    padding: 2px;
    border: 1px solid;
    overflow-y: auto;
}

/* Pour l'affichage de listes sans scrollbar */
div#listNoScrollbar {
    position: relative;
    float: left;
    padding: 2px;
    border: 1px solid;
    margin: 2px;
    width: 100%;
}

div#listNoScrollbar table#list,div#list table#list,
table#list,div#list table#list {
    width: 100%;
    border: 1px solid;
    background-color: white;
    border-collapse: collapse;
}

div#action {
  text-align: right;
  padding-top:15px;
}

div#action table{
  margin-left:auto;
}

/*
 * Styles pour les radio buttons
 */
.radio_list_inline label {
    margin-right: 4px;
}

/*
 *  Styles pour les activités 
 */
#activity-preview-table,#activity-preview-table table {
    /*width: 100%;*/
    border-collapse: collapse;
}

 #activity-preview-table table.activity-sessions-table {
    border-collapse: separate;
}

.border {
    border: 1px solid black;
}

.activity-image {
    width: 160px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
}

.activity-pdf {
    text-align: center;
    vertical-align: middle;
}

.activity-title {
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 5px 2px 8px;
}

.activity-type {
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 10px 5px 2px 8px;
}

.activity-topic {
    font-size: 16px;
    padding: 2px 5px 10px 8px;
}

.activity-short-desc {
    padding: 10px;
    vertical-align: top;
}

.activity-long-desc-cell {
    padding: 5px;
}

.activity-long-desc {
    border: 1px solid;
    padding: 3px;
}

.activity-attributes {
    text-transform: uppercase;
}

.activity-type-table {
    
}

#activity-preview-table table.activity-sessions-table {
    /*width: 725px;*/
    margin: 3px;
}

table.activity-sessions-table tr.session_package_row td {
    cursor: pointer;
    height: auto;
}

table.activity-sessions-table {
    margin-left: 3px;
    margin-bottom: 3px;
}

table.activity-sessions-table th {
    border: 0px solid white;
    font-size: 1em;
    width: 80px;
}

table.activity-sessions-table td.activity-session,
table.activity-sessions-table td.disabled-day {
    text-align: center;
    width: 80px;
    height: 75px;
}
table.activity-sessions-table td.base-session {
    width: auto;
}
table.activity-sessions-table table.activity-one-session {
    width: 80px;
}
table.activity-sessions-table .overlay {
    height: 70px;
    padding: 0px;
    margin: 0px;
}

table.activity-one-session {
    height: 75px;
}

table.activity-sessions-table td.dayall-session table.activity-one-session {
    height: 155px;
}
table.activity-sessions-table td.dayall-session table.activity-one-session .overlay {
    height: 150px;
}

table.activity-sessions-table .editable .overlay {
  background-image: url('/images/sessions_calendar/unchecked.png');
  background-position: bottom left;
  background-repeat: no-repeat;

}

table.activity-sessions-table .editable.checked .overlay {
  background-image: url('/images/sessions_calendar/checked.png');
  background-position: bottom left;
  background-repeat: no-repeat;

}
td.aternative-activity .ui-icon {
    float: right;
}

table.activity-sessions-table td.activity-session-places {
    vertical-align: bottom;
    height: 25px;
    text-align: left;
    padding-left: 30px;
}

.activity-ico {
    padding: 8px 5px 8px 60px;
    vertical-align: middle;
    border-width: 1px 0;
    border-style: solid;
}

.activity-column-right,.activity-column-left {
    vertical-align: top;
    border: 1px solid;
}

.activity-column-right {
    width: 200px;
}

.activity-ico-oneshot {
    width: 32px;
    height: 32px;
    background-image: url('/images/activity_oneshot_1.png');
}

.activity-ico-stay {
    width: 32px;
    height: 32px;
    background-image: url('/images/activity_stay_1.png');
}

.activity-ico-package {
    width: 32px;
    height: 32px;
    background-image: url('/images/activity_package_1.png');
}

.activity-ico-recurrent {
    width: 32px;
    height: 32px;
    background-image: url('/images/activity_recurrent_1.png');
}

.activity-ico-program {
    width: 32px;
    height: 32px;
    background-image: url('/images/activity_program_1.png');
}

.period {
    float: right;
    padding: 5px;
}

.activity-session-dayon,.activity-session-dayoff {
    width: 75px;
    height: 65px;
    vertical-align: top;
    cursor: pointer;
}

td.activity-subscription {
    padding: 0;
}

.activity-subscription button {
    display: block;
    width: 100%;
    border: 0;
    padding: 8px 5px 8px 60px;
    text-align: left;
}

/*
 * Inscription à une activité
 */
div.sessions-summary,div.alternatives-summary {
    padding: 3px 15px;
    margin-left: 30px;
}

table.actsubscr-responsibles {
    border: 1px solid;
    margin: auto;
}

table.actsubscr-responsibles .label {
    width: 90px;
    text-align: right;
}
/*******************************
 * Boutons et autres
 *******************************/

.input-buttion {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#1A8AC6 none repeat scroll 0 0;
    border:1px solid #1A8AC6;
    color:white;
    text-transform:uppercase;
    cursor:pointer;
    margin:1px;
    text-decoration:none;
    padding-left: 16px;
}

.icon-pencil {
    background-image: url(/css/agent/loisirs/ria/images/icons_default.png);
    background-position:-176px -16px;
}

/*******************************
 * Wizard enfant
 *******************************/
#finish-content ul {
    padding: 10px;
    padding-left: 20px;
}


table.agent-content {
    width: 100%;
    margin-top: 2px;
}

table.agent-content td {
    vertical-align: top;
}


select#searchSchool,
select#searchFunction {
  width:150px;
}

.alinea {
   text-indent: 20px; 
   font-size: 1.1em;
}

.presence_legende{
    border: 1px solid black;
    border-collapse:  collapse;
    margin-top: 15px;
}

.presence_legende th {
    background-color: #498D9D;
    color: white;
}

.presence_legende tr {
    border: 1px solid black;
}

.presence_legende td {
    border: 1px solid black;
}