/* 
*  CSS cote famille
*/
fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 10px 5px 5px;
}

a:hover {
    text-decoration: underline;
}

.align_field_title {
    text-align: right;
    vertical-align: middle;
}

.adjustSizeCreateFamilyAccountCol1 {
    width: 132px;
}

.adjustSizeCreateFamilyAccountCol2 {
    width: 142px;
}

.form_error {
    padding-left: 0px;
}

div#family {
    width: 984px;
    margin: auto;
    -moz-box-shadow:0 5px 15px #9B867C;;
    -webkit-box-shadow: 0 5px 15px  #9B867C;;
    box-shadow: 0 5px 15px  #9B867C;;
    border-bottom:1px solid #9C8379;
    background-color:white;
}

div#family div#banner {
    width: 982px;
    height: 104px;
    text-align: center;
    padding-top: 0px;
    background-image: url(/images/bandeauscolaire.png);
    position: relative;
    margin-top: 0px;
    border-left:1px solid #9C8379;
    border-right:1px solid #9C8379;
}

div#family div#banner div#logoCityHall {
    position: absolute;
    text-align: center;
}

/*
*  Positionnement des objets dans l'espace (resolution de travail 984*610)
*/
div#family .service .services td {
    text-align: center;
}


div#family div#banner div#leftBanner {
    font-size:9pt;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    top:20px;
    position:absolute;
    right:210px;
    text-align:right;
    left:180px;
}

div#family div#banner div#rightBanner {
    left:-384px;
    position:absolute;
    top:-30px;
}

div#family div#banner div#rightBanner a.logoIssila {
    position: absolute;
    top: 1px;
    width: 100px;
    left: 388px;
}

div#family div#leftMenu {
  background-position:center center;
  background-repeat:repeat-y;
  padding:0px 4px 4px 4px;
  width:246px;
}

div#family div#homepageFrame {
    border-width: 1px;
}

div#family div#footer {
    font-size: 10px;
    font-weight: bold;
    height: 18px;
    text-align: center;
}

div#family div#LegalInfos {
    width: 100%;
    height: 14px;
    text-align: center;
    vertical-align: bottom;
    font-size: 9px;
    background-image: url(/images/barre_bas.gif);
}

div#family div#LegalInfos span.legalInfo {
    position: absolute;
    bottom: -2px;
}

/*
* Fenetre 'Nos Services'
*/
div#family div#homepageFrame div#homepage .service .content .services table
    {
    width: 711px;
}

div#family div#homepageFrame div#homepage .service .content .journey {
    position: absolute;
    top: 265px;
    left: 10px;
}

/*
* Fenetre 'News'
* Noter le d�calage de 20px entre la largeur (width) de la propriete .contenu avec la propriete table
* Pour ajuster la largeur, il faut donc modifier les 2 valeurs en gardant l'ecart de 20px
*/
div#family div#homepageFrame div#homepage div#news div#news-title {
    font-weight: bold;
    font-size: 10pt;
}

div#family div#homepageFrame div#homepage div#news div#content-news {
    position: absolute;
    height: 128px;
    width: 250px;
    border-style: solid;
    overflow-y: auto;
}

div#family div#homepageFrame div#homepage div#news div#content-news table
    {
    position: absolute;
    width: 200px;
}

.news_container h3 {
    text-transform: uppercase;
    font-size:12pt;
}

.show-more-news,
.show-all-news {
    color:  #9C8379;
}

/*
* Fenetre 'Nos Partenaires'
* Noter le décalage de 20px entre la largeur (width) de la propriete .contenu avec la propriete table
* Pour ajuster la largeur, il faut donc modifier les 2 valeurs en gardant l'ecart de 20px
*/
div#family div#homepageFrame div#homepage .partnership .title {
    font-weight: bold;
    font-size: 10pt;
}

div#family div#homepageFrame div#homepage .partnership .content {
    width: 144px; /* <--- ICI */
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

div#family div#homepageFrame div#homepage .partnership table {
    width: 124px; /* <--- ET LA */
}

/*
* Fenetre 'Tribune Libre'
* Noter le d�calage de 20px entre la largeur (width) de la propriete .contenu avec la propriete table
* Pour ajuster la largeur, il faut donc modifier les 2 valeurs en gardant l'ecart de 20px
*/
div#family div#homepageFrame div#homepage .freeSpeech .title {
    font-weight: bold;
    font-size: 10pt;
}

div#family div#homepageFrame div#homepage .freeSpeech .content {
    width: 212px; /* <--- ICI */
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

div#family div#homepageFrame div#homepage .freeSpeech table {
    width: 192px; /* <--- ET LA */
}

/*
*
* Pour les cadres arrondis 
* Important : Ne pas oublier d'ajuster les proprietes width et height
*/
div#family div#homepageFrame div#authenticationFrame {
    height: 80px;
    padding-top: 10px;
}

div#family div#homepageFrame div#authenticationFrame div#login {
    float: left;
    width: 300px;
}

div#family div#homepageFrame div#authenticationFrame div#prereg {
    float: left;
    padding-top: 10px;
    text-align: left;
    width: 300px;
}

div#family div#homepageFrame div#authenticationFrame div#help {
    float: left;
}

/* 
*  Le menu deroulant
*/
div#family div#menuParents {
  border-bottom:1px solid #9C8379;
  height:16px;
  left:0;
  position:relative;
  z-index:20;
  width:99%;
}

div#family div#menuParents dl {
    float: left;
    margin: 0 1px;
    width: 110px;
}

div#family div#menuParents dt {
    cursor: pointer;
    text-align: center;
}

div#family div#menuParents dd {
    border-width: 1px;
    border-style: solid;
    position:absolute;
    width:100px;
}

div#family div#menuParents li {
    text-align: center;
}

div#family div#menuParents li a,div#family div#menuParents dt a {
  border:0 none;
  color:#9C8379;
  display:block;
  font-weight:bold;
  height:100%;
  text-decoration:none;
  text-transform: uppercase;
}

/*
* CSS lorsque les parents sont logges
*/
div#family div#helpMenuParents {
    float: right;
    display: none;
    border: medium none;
}

div#family div#path {
    width: 256px;
    height: 15px;
    margin-bottom: 7px;
    margin-top: 20px;
}

div#family div#longPath {
    position: absolute;
    top: 106px;
    left: 250px;
    width: 704px;
    height: 16px;
}

div#family div#frameParents {
    position: absolute;
    top: 130px;
    left: 250px;
    width: 730px;
    height: 418px;
}

div#family div#backgroundParents {
    position: absolute;
    top: 136px;
    left: 256px;
    width: 722px;
    height: 410px;
}

/*
* FIN DE LA TRADUCTION DE LA CSS
*/ /* 
* L'espace de travail pour les parents 
*/
div#family div#content {
    width: 730px;
}

div#family div#content.createFamilyAccount {
    height: 425px;
}

div#family div#content div#family_right {
    position: absolute;
    top: 140px;
    left: 260px;
    width: 714px;
    height: 402px;
    z-index: 0;
}

div#family div#content .dateJour {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 190px;
    border-width: 2px;
    border-style: solid;
}

div#family div#content div#edit {
    width: 702px;
    height: 280px;
    padding: 3px;
}

div#family div#content div#edit.createFamilyAccount {
    height: 330px;
}

div#family div#content div#edit span.confirm {
    font-weight: bold;
    font-size: medium;
}

/*******************************************
 *                 Boutons                 *
 *******************************************/
div#family div#content div#actions {
    text-align: right;
}

div#family div#content span.button table {
    height: 45px;
}

div#family div#content span.button table td.left {
    border-top: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-right: 0px;
}

div#family div#content span.button table td.right {
    border-top: 1px;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 1px;
}

/***********************************************
 *            Le menu Gauche Parent            *
 ***********************************************/

div#family div.leftFrame .menuListChildren {
    position: relative;
    top: 10px;
    left: 5%;
    width: 90%;
    z-index: 4;
    padding: 5px 0 5px 0;
    border: 1px solid #9C8379;
}

div#family div.leftFrame .child {
    position: relative;
    margin-top: 3px;
    left: 5%;
    width: 90%;
    text-align: center;
}

div#family div.leftFrame .childSelected {
    position: relative;
    margin-top: 3px;
    left: 5%;
    width: 90%;
    text-align: center;
    border: 1px solid #9C8379;
}

div#family div.leftFrame .menuChild {
    position: relative;
    left: 5%;
    margin-top: 10%;
    width: 90%;
    z-index: 4;
    border: 1px solid #9C8379;
    margin-bottom:50px;
}

div#family div.leftFrame div.menuChild table.menuChildOptions {
    position: relative;
    left: 10%;
    width: 85%;
}

div#family div.leftFrame span.menuTitleListSchool {
    display: block;
    background-color: transparent;
    background-image: url(/images/bt_princ.gif);
    background-repeat: repeat;
    height: 18px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    font-size: 100%;
    text-decoration: none;
    border: 1px solid #9C8379;
    font-weight: bold;
    font-size: 10pt;
}

div#family div.leftFrame div.menuListSchool {
    position: relative;
    margin-top: 5%;
    width: 100%;
    left: 0%;
}

div#family div.leftFrame div.menuListSchool table {
    width: 100%;
}

div#family div.leftFrame div.menuListSchool table td.icone {
    width: 35%;
}

div#family div.leftFrame div.menuListSchool a.school {
  background-image:url("/images/scolaire/homepage/default_background.png");
  background-position:center center;
  background-repeat:repeat-y;
  color:white;
  display:block;
  font-size:1.5em;
  margin:2px auto;
  padding:5px;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase;
  width:162px;
}
div#family div.leftFrame div.menuListSchool a.school:hover {
    background-image:url("/images/scolaire/homepage/highlight_background.png");
    color: #9C8379;
}

div#family div.leftFrame div.menuListSchool .school_group_menu a.textcolor {
  background-image:url("/images/scolaire/homepage/menu_background.png");
  background-position:center center;
  background-repeat:repeat-y;
  color:#9C8379;
  display:block;
  font-size:0.9em;
  margin:2px auto 2px 4px;
  padding-bottom:1px;
  padding-top:2px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  height: 30px;
}


div#family div.leftFrame div.menuListSchool .school_group_menu a.textcolor:hover {
  color:#e28f00;
}
    


#popup {
    position: absolute;
    top: 300px;
    left: 252px;
    width: 550px;
    height: 450px;
    z-index: 100;
}

div#family .home_left_menu  div.leftFrame {
    margin-top: 2px;
}

/**********************************************
 *        PAR01 : page Mon compte             *
 **********************************************/
div#content div#family_account {
    width: 692px;
}

div#content div#child_subscription {
    margin-top: 5px;
    width: 692px;
    height: 145px;
    overflow-y: auto;
}

div#content div#child_subscription table.child {
    width: 55%;
    text-align: center;
}

div#content table.account {
    width: 100%;
}

div#content table.account td.puce {
    width: 5%;
}

div#content table.account td.button {
    text-align: right;
}

div#content div#account_invoice {
    width: 697px;
}

div#content div#account_invoice table#invoice td {
    vertical-align: top;
}

div#content div#account_invoice div#month_invoice { /*  height: 100%; */
    height: 180px;
    overflow-y: scroll;
}

div#content div#account_invoice div#consummation {
    height: 100%;
    overflow-y: scroll;
}

div#content div#account_invoice div#consummation table#consummation {
    width: 100%;
    border-collapse: collapse;
}

div#content div#account_invoice div#amount td.display {
    text-align: center;
}

/***Onglets***/
div#content div#line {
    height:30px;
    width: 697px;
}

div#content ul.invoiceServicesTabsFam {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
}

div#content ul.invoiceServicesTabsFam li {
    position: relative;
    float: left;
    height: 15px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    padding: 4px;
}

div#content ul.invoiceServicesTabsFam li.enable a {
    float: left;
    display: block;
    text-decoration: none;
}

/*************/ /**********************************************
 *        PAR03_01 : previsionnel a l'annee   *
 **********************************************/
div#family div#content div#previsionnalTitle {
    width: 260px;
    text-align: center;
    font-size: 14px;
    display: block;
    background-color: transparent;
    background-image: url(/images/bt_princ.gif);
    background-repeat: repeat;
    height: 18px;
    margin: 30px auto;
    padding: 5px 0 0 0;
    font-size: 100%;
    text-decoration: none;
    border: 1px solid #9C8379;
    font-weight: bold;
    font-size: 10pt;
}

div#family div#content div.scheduleOutSchool,
div#family div#content div.scheduleSchoolBus,
div#family div#content div.scheduleSchoolMeal {
    width: 210px;
    text-align: center;
    height: 320px;
    float: left;
    margin-left: 20px;
    margin-bottom: 15px;
}

div#family div#content div#validateFormPAR03_01 {
    text-align: center;
    margin-bottom: 15px;
    width:700px;
    float:left;
    
}

/******************************************************************************
 *        PAR03_02 : gerer le calendrier des services scolaires de l'enfant   *
 ******************************************************************************/
    /*******************Prévisionnel à la semaine************************/
div#content div.parentLegend {
    width: 120px;
    height: 31px;
    padding: 2px;
    text-align: center;
    margin-bottom: -36px;
}

div#content div#dateSelectorWeekly {
    float: left;
    width: 380px;
    text-align: center;
    font-size: 8pt;
    margin-left: 10px;
    margin-right: 10px;
}

div#content div#scheduleHelpParent {
    float: left;
}

div#content div#dateSelectorWeekly table td.date {
    background-color: white;
    border: 1px solid #9C8379;
    vertical-align: middle;
}

div#content div#scheduleWeekly table {
    border-collapse: collapse;
    border: none;
    text-align: center;
    background-color: white;
}

div#content div#scheduleWeekly table tr td {
    border: 1px solid #9C8379;
vertical-align:middle;
}

div#content div#scheduleWeekly table tr.spaceLine td {
    border: none;
    height: 2px;
    width: 44px;
    padding: 0px;
    margin: 0px;
}

div#content div#scheduleWeekly table td.notCancelled {
    background-color: white;
    border: 1px solid #9C8379;
    cursor: pointer;
}

div#content div#scheduleWeekly table td.cancelled,div#content div#scheduleWeekly table td.outSchoolUnvailable
    {
    background-color: #EBDDD7;
    border: 1px solid #9C8379;
}

div#content div#scheduleWeekly table td.none {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #9C8379;
    height: 36px;
    width: 44px;
    background-color: white;
}

div#content div#scheduleWeekly table td.days {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #9C8379;
    background-color: white;
    border: none;
}

div#content div#scheduleWeekly table td.outSchool {
    height: 36px;
    background-color: white;
    border: 1px solid #9C8379;
    vertical-align: middle;
}

div#content div#scheduleWeekly table td.outSchoolUnvailable {
    border: 1px solid #9C8379;
    height: 36px;
}

div#content div#scheduleWeeklyIE {
}

div#content div#scheduleWeeklyIE table {
    border-collapse: collapse;
    border: none;
    text-align: center;
    background-color: white;
}

div#content div#scheduleWeeklyIE table tr td {
    border: 1px solid #9C8379;
}

div#content div#scheduleWeeklyIE table tr.spaceLine td {
    border: none;
    height: 2px;
    width: 44px;
    padding: 0px;
    margin: 0px;
}

div#content div#scheduleWeeklyIE table td.notCancelled {
    background-color: white;
    border: 1px solid #9C8379;
}

div#content div#scheduleWeeklyIE table td.cancelled,div#content div#scheduleWeeklyIE table td.outSchoolUnvailable
    {
    background-color: #EBDDD7;
    border: 1px solid #9C8379;
}

div#content div#scheduleWeeklyIE table td.none {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #9C8379;
    height: 48px;
    width: 44px;
    background-color: white;
}

div#content div#scheduleWeeklyIE table td.days {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #9C8379;
    background-color: white;
}

div#content div#scheduleWeeklyIE table td.outSchool {
    height: 24px;
    background-color: white;
    border: 1px solid #9C8379;
}

div#content div#scheduleWeeklyIE table td.outSchoolUnvailable {
    border: 1px solid #9C8379;
    height: 24px;
}

div#content div#action input.button {
    width: 100%;
}

div#content div#dateParent {
    width: 210px;
    text-align: center;
    padding: 4px;
    float: left;
}

div#content div.titleCalendarYear {
    width: 300px;
    text-align: center;
    font-size: 14px;
    background-color: white;
    border: 1px solid #9C8379;
    float: left;
    margin-left:-30px;
    margin-right:120px;
    margin-top:60px;
}

div#content table#calendarYear {
}

div#content table.year {
    font-size: 11px;
    border-collapse: collapse;
}

div#content table.year td,div#content table.year th {
    text-align: center;
}

div#content table.year th {
    width: 15px;
}

div#content table.year td.pastDay,div#content div#legendCalendarYear span#pastDay,div#content table.year td.registeredDay,div#content div#legendCalendarYear span#registeredDay,div#content table.year td.nonRegisteredDay,div#content div#legendCalendarYear span#nonRegisteredDay
    {
    text-align: center;
}

div#content div#legendCalendarYear {
    width: 700px;
    font-size: 10px;
    padding: 4px;
    text-align: center;
    margin-left:9px;
}

div#content #linkJanuary {
    position: absolute;
    top: 97px;
    left: 598px;
}

div#content #linkFebruary {
    position: absolute;
    top: 234px;
    left: 5px;
}

div#content #linkMarch {
    position: absolute;
    top: 234px;
    left: 123px;
}

div#content #linkApril {
    position: absolute;
    top: 234px;
    left: 241px;
}

div#content #linkMay {
    position: absolute;
    top: 234px;
    left: 361px;
}

div#content #linkJune {
    position: absolute;
    top: 234px;
    left: 479px;
}

div#content #linkJuly {
    position: absolute;
    top: 234px;
    left: 598px;
}

div#content #linkAugust {
    position: absolute;
    top: 97px;
    left: 5px;
}

div#content #linkSeptember {
    position: absolute;
    top: 97px;
    left: 123px;
}

div#content #linkOctober {
    position: absolute;
    top: 97px;
    left: 241px;
}

div#content #linkNovember {
    position: absolute;
    top: 97px;
    left: 361px;
}

div#content #linkDecember {
    position: absolute;
    top: 97px;
    left: 479px;
}

div#content div#instructions2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 400px;
    padding: 2px;
}

/* Calendrier mensuel*/
.titlePageMonth {
    position: absolute;
    top: 4px;
    left: 230px;
}

div#content table#monthCalendar {
    border-collapse: collapse;
    text-align: center;
}

div#content .monthCalendarLegend {
    position: absolute;
    top: 356px;
    left: 4px;
    width: 706px;
    font-size: 10px;
    border: solid 1px;
    text-align: center;
}

div#content div#titlePageCalendarMonth {
    text-align: center;
    float: left;
    margin-left:15px;
    margin-right:75px;
}

div#content div#titlePageCalendarMonth table td.date {
    background-color: white;
    border: 1px solid #9C8379;
}

div#content div#legendCalendarMonth {
    width: 700px;
    font-size: 10px;
    padding: 4px;
}

div#content table#monthCalendar td.day,div#content table#monthCalendar td.day a {
    font-weight: bold;
}

/* Envoi de mail */
div#content div#send_mail {
    position: absolute;
    top: 100px;
    width: 692px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

/**************************************
 * PAR03_03 Gestion des sorties
 *************************************/
div#content div.schoolGroupInfo {
    position: absolute;
    width: 714px;
    top: 0px;
    left: 0px;
    text-align: center;
}

div#content span.bold {
    font-weight: bold;
}

div#content div#registrationJourneyChoice {
    width: 250px;
    margin-bottom: 15px;
}

div#content div.listSchoolJourney {
    margin-bottom: 10px;
    margin-top: 10px;
}

div#content div#PAR03_03_information_registered {
    text-align: center;
    width: 350px;
}

div#content div#PAR03_03_information_non_registered {
    text-align: center;
    width: 250px;
}

div#content div#PAR03_03_closed_date {
    text-align: center;
    width: 250px;
}

div#content table#schoolJourney {
    width: 690px;
    border-collapse: collapse;
}

div#content table#schoolJourney tr th {
    text-align: center;
}

div#content div#validateFormPAR03_03 {
    float: right;
}

/**************************************
 * Pr�inscriptions des enfants
 **************************************
 */
div#scrolling_content {
    width: 710px;
    padding: 2px;
    border: 0px;
}

div.expanded_block {
    position: relative;
    left: 0px;
    width: 690px;
}

/** Idem que div.block mais largeur non précisée */
div.thin_block {
    position: relative;
    left: 0px;
}

table#subscription tr td h1 {
    font-size: 16px;
    font-weight: bold;
}

table#subscription tr td h2 {
    font-size: 14px;
    font-weight: bold;
}

.title_underlined {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

span.child {
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: bold;
}

/** Bouton avec bords arrondis et petite hauteur (ex. boutons des popup) */
.rounded_button {
    width: 100%;
    height: 30px;
    text-align: center;
}

/**************************************
 * Pr�inscriptions (emplois du temps)
 **************************************
 */
div.popup_content {
    padding: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

div.popup_content span.title {
    font-size: 20px;
    font-weight: bold;
}

div.popup_content div.content {
    width: 100%;
    height: 100%;
    padding: 4px;
    font-size: 9px;
    overflow: hidden;
}

div.popup_content div.content span.subtitle {
    font-size: 12px;
    padding: 8px;
}

div.popup_content div.content div.list_subscription_calendar {
    height: 200px;
    border: 2px solid #d28422;
    overflow-y: auto;
}

div.popup_content div.content div.report_calendar {
    border: 2px solid #d28422;
    margin-top: 5px;
}

table.week {
    font-size: 10px;
    font-weight: normal;
}

table.week tr td.dayOff {
    height: 30px;
    width: 60px;
    cursor: pointer;
}

table.week tr td.workingDay {
    height: 30px;
    width: 60px;
    cursor: pointer;
}

/**************************************
 * Préinscriptions (enfants)
 **************************************
 */
div#content div.innerLayout {
    width: 100%;
}

div#content div.innerLayout span.message {
    font-size: 11px;
    font-style: italic;
}

div.popup_content div.content h2 {
    font-size: 12px;
}

table.subscr_calendar {
    font-size: 10px;
    font-weight: normal;
}

table.subscr_calendar tr td.dayOff {
    height: 25px;
    width: 25px;
    cursor: pointer;
}

table.subscr_calendar tr td.workingDay {
    height: 25px;
    width: 25px;
    cursor: pointer;
}

div#content div.block {
    position: relative;
    left: 0px;
    width: 720px;
}

table.popup_button {
    background-color: #F0F0F0;
    border: 1px solid #969696;
}

span.popup_button {
    background-color: #F0F0F0;
    color: #000000;
}

div.titlePrevisionnalSchoolService {
    position: relative;
    width: 100%;
    text-align: center;
}

/** fin boutons factues */
a.button {
    display: block;
    background-image: url(/images/button-background.gif);
    height: 35px;
    text-align: center;
    border: solid 1px #9C8379;
    text-decoration: none;
    padding: 3px 10px 0 10px;
}

a.button:hover {
    background-image: url(/images/button-background-selected.gif);
}

a.button span.text {
    position: relative;
    bottom: 10px;
}

a.button span.text_bottom {
    position: relative;
    top: 7px;
}

/** Les petits boutons   */
a.small-button {
    display: block;
    background-image: url(/images/bt-background-small.gif);
    height: 18px;
    text-align: center;
    border: solid 1px #003c74;
    text-decoration: none;
    padding: 0 10px 0 10px;
}

a.small-button:hover {
    background-image: url(/images/bt-background-small-selected.gif);
}

a.button_disabled {
    display: block;
    background-color: #808080;
    height: 18px;
    text-align: center;
    border: solid 1px #003c74;
    text-decoration: none;
    padding: 0 10px 0 10px;
}

/** fin boutons factues */
    /************************************************************************/
*                       ISSILA V2                                       *
    /
    /************************************************************************/
    

div.issila {
    
}

div.welcome {
    text-align: center;
}

/* Selection d'application */
div#family div#applications {
    left: 200px;
    position: absolute;
    top: -30px;
}

div#family div#applications ul {
    list-style-type: none;
}

div#family div#applications ul li {
    float: left;
}

div#family div#applications ul li {
    display: block;
    height: 50px;
    width: 160px;
}

div#family div#applications ul li span {
    display: none;
}

div#family div#applications ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: none;
}

/*
 * La barre de navigation
 */
div#family #navigation {
    border-color: #676767;
    background-image: url("images/agent_loisirs_onglet_bleu.png");
    background-repeat: repeat-x;
}

div#family #navigation .sf-menu li:hover,div#family #navigation .sf-menu li.sfHover,div#family #navigation .sf-menu a:focus,div#family #navigation .sf-menu a:hover,div#family #navigation .sf-menu a:active
    {
    background-image: url("images/agent_loisirs_onglet_jaune.png");
    outline-color: -moz-use-text-color;
    color: #000000;
}

div#family #navigation .sf-menu li:hover a,div#family #navigation .sf-menu li.sfHover a
    {
    color: #000000;
}

div#family #navigation .sf-menu li:hover li a,div#family #navigation .sf-menu li.sfHover li a
    {
    color: #ffffff;
}

div#family #navigation .sf-menu li li:hover,div#family #navigation .sf-menu li li.sfHover,div#family #navigation .sf-menu li li a:focus,div#family #navigation .sf-menu li li a:hover,div#family #navigation .sf-menu li li a:active
    {
    background-color: #ABB5BA;
    color: #ffffff;
    background-image: none;
    outline-color: -moz-use-text-color;
}

div#family #navigation .sf-menu li li li:hover,div#family #navigation .sf-menu li li li.sfHover,div#family #navigation .sf-menu li li li a:focus,div#family #navigation .sf-menu li li li a:hover,div#family #navigation .sf-menu li li li a:active
    {
    background-color: #BCC6CB;
}

div#family #navigation .sf-menu li,div#family #navigation .sf-menu li li,div#family #navigation .sf-menu li li li
    {
    background-image: url("images/agent_loisirs_onglet_bleu.png");
    background-repeat: repeat-x;
    height: 24px;
    color: #ffffff;
}

div#family #navigation .sf-menu li li,div#family #navigation .sf-menu li li li
    {
    background-image: none;
    background-color: #305866;
    color: #ffffff;
}

div#family #navigation .sf-menu li li li {
    background-color: #ABB5BA;
}

div#family #navigation ul.sf-menu li a {
    color: #ffffff;
    border-color: #ffffff;
    padding-bottom: 4px;
    text-transform: uppercase;
}

div#family #navigation ul.sf-menu li li a,div#family #navigation ul.sf-menu li li li a
    {
    border: none;
    color: #ffffff;
}

div#family #navigation ul.sf-menu li.current,div#family #navigation ul.sf-menu li.current li.current,div#family #navigation ul.sf-menu li.current li.current li.current
    {
    background-image: url("images/agent_loisirs_onglet_jaune.png");
    background-repeat: repeat-x;
}

div#family #navigation ul.sf-menu li.current li.current,div#family #navigation ul.sf-menu li.current li.current li.current
    {
    background-image: none;
    background-color: #ABB5BA;
    color: #ffffff;
}

div#family #navigation ul.sf-menu li.current a {
    color: #000000;
}

div#family #navigation ul.sf-menu li.current li a,div#family #navigation ul.sf-menu li.current li.current li a
    {
    color: #ffffff;
}

/* navigation dans les applications */
div#family div#applications ul li.ISSILA_SCHOOL {
    background-image:
        url("/css/public/loisirs/images/BoutonBandeau-VS-1.png");
}

div#family div#applications ul li.ISSILA_NURSERY {
    background-image: url("/css/public/loisirs/images/BoutonBandeau-PE.png")
        ;
}

div#family div#applications ul li.ISSILA_LEISURE {
    background-image:
        url("/css/public/loisirs/images/BoutonBandeau-AL-1.png");
}

div#family div#applications ul li.ISSILA_LEISURE:hover {
    background-image:
        url("/css/public/loisirs/images/BoutonBandeau-AL-2.png");
}

div#family div#applications ul li.disabled.ISSILA_LEISURE,
div#family div#applications ul li.disabled.ISSILA_LEISURE:hover {
    background-image:
        url("/css/public/loisirs/images/BoutonBandeau-AL-4.png");
}

.clickable {
    cursor: pointer;
}