body {
  background-image:url(/images/fond_gris_VS.png);
}

div#top_band {
  background-image:url(/images/BandeauHaut_gris_VS.png);
}

div#top_band div.degrade {
  background-image:url(/images/bandeau2_degrad_VS.png);
}

#pub_flash {
    background-image:url(/images/pub_flash.png);
    background-position:center center;
}

div#authenticationFrame {
    color:black;
}

div#login td.connect {
    text-transform:uppercase;
}

div#login a.textcolor {
    color:black;
    font-style:normal;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
}

div#login button#submit_login {
    background-image:url(/images/bouton_OK_defaut.png);
    font-size:10px;
    text-transform:uppercase;
}
div#login td#creat_account a {
    background-image:url(/images/bouton_compte_defaut.png);
    color:#000000;
    display:block;
    height:15px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:111px;
}

div#login td#creat_account a:hover {
    background-image:url(/images/bouton_compte_hover.png);
}
div#login td#creat_account a:active {
    background-image:url(/images/bouton_compte_clic.png);
}


.ui-icon { 
    width: 16px; 
    height: 16px; 
    background-image: url(/images/scolaire/button/icons_default.png); 
}
.ui-widget-content .ui-icon {background-image: url(/images/scolaire/button/icons_default.png); }
.ui-widget-header .ui-icon {background-image: url(/images/scolaire/button/icons_default.png); }
.ui-state-default .ui-icon { background-image: url(/images/scolaire/button/icons_default.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/scolaire/button/icons_hover.png); }
.ui-state-active .ui-icon {background-image: url(/images/scolaire/button/icons_default.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/scolaire/button/icons_highlight.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/scolaire/button/icons_error.png); }

.xtlview-toolbar .ui-state-default.xtlview.xtlview-button {
    background:none repeat scroll 0 0 white;
    border:1px solid #ebddd7;
    color:#9c8379;    
 }
 
 
.xtlview-toolbar .ui-state-disabled.xtlview.xtlview-button {
    background:  #c6d6de;
    color: black;
    border: 1px solid  #c6d6de;
    
 }
 
.xtlview-toolbar .ui-state-highlight.xtlview.xtlview-button {
   background:  #e9df00;
   color: #9c8379;
   border: 1px solid  #f1eb8b;
    
 }
 
.xtlview-toolbar .ui-state-default.xtlview.xtlview-button.ui-state-hover,
.xtlview-toolbar .ui-state-default.xtlview.xtlview-button:hover {
    border: 1px solid  #f5f4b2;
   background:  #f5f4b2;
    /*color:  #b7b508;*/
}
    
.xtlview-toolbar .ui-state-default.xtlview.xtlview-button:hover .ui-icon, 
.xtlview-toolbar .ui-state-highlight.xtlview.xtlview-button:hover .ui-icon{
    background-image:url(/images/scolaire/button/icons_hover.png);
}
    
.content-panel .xtlview-toolbar .ui-state-default.xtlview.xtlview-button.ui-state-hover {
   background:  #007bb6;
   color: #e9df01;
   border: 1px solid  #e9df01;
   padding-left:5px;
   padding-right:5px;
}

.content-panel .xtlview-toolbar .xtlview.xtlview-button.ui-state-disabled {
   text-transform: uppercase;
   background:  #c6d6de;
   color: black;
   border: 1px solid  #c6d6de;
   padding-left:5px;
   padding-right:5px;
}


.content-panel .xtlview-toolbar .xtlview.xtlview-button.ui-state-highlight {
   text-transform: uppercase;
   background-color:  #e9df00;
   color: #9c8379;
   border: 1px solid  #f1eb8b;
   padding-left:5px;
   padding-right:5px;
}

.content-panel .xtlview-toolbar .xtlview.xtlview-button.ui-state-highlight.ui-state-hover,
.xtlview-toolbar .ui-state-highlight.xtlview.xtlview-button:hover {
   border: 1px solid  #1A8AC6;
}
.clear-button-container {
    cursor: pointer;
}

.clear-button-container.hover td {
    background-color: #fcdd80;
}

.clear-button-container .xtlview-toolbar .ui-state-default.xtlview.xtlview-button,
.clear-button-container .xtlview-toolbar .ui-state-highlight.xtlview.xtlview-button {
    background: transparent;
    border:1px solid transparent;
    color:#AD9185;    
 }
 
 
.xtlaction .xtlbutton {
    text-transform: uppercase;
    background-color: white;
    border-color: #EBDDD7;
    color: #9C8379;
    cursor: pointer;
}
 
.xtlaction .xtlbutton:hover {
   border: 1px solid  #f5f4b2;
   background:  #f5f4b2;
}
 
 
/***************************************************************************************
 *  TBORD
 ***************************************************************************************/

#tbord th{
    background-color:#9C8379;
    border-color:#E7DED9 #D5C7C0 #C1ACA2 #C0A9A0;
    color:#FCDD80;
    text-transform:uppercase;
}

#tbord td.tbord-button-container{
    background-image: url("/images/scolaire/tbord/default.png");
}
#tbord td.tbord-button {
    color: #9c8379;
    text-transform: uppercase;
    background-image: url("/images/scolaire/tbord/default.png");
    background-repeat: repeat-y;
    
}

#tbord td div {
    height: 18px;
}

#tbord td.tbord-button.hover {
    background-image: url("/images/scolaire/tbord/highlight.png");
    background-repeat: repeat-y;
}

 
#tbord .child-name {
    color: #9c8379;
    text-transform: uppercase;
    background-image: url("/images/scolaire/tbord/enfant.png");
    background-repeat: repeat-y;
}

#tbord .child-name .hover {
    background-image: url("/images/scolaire/tbord/highlight.png");
    background-repeat: repeat-y;
}

 
/***************************************************
 *        RIA Widgets
 **************************************************/


.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus {
  background:url("/images/scolaire/widgets/onglet_actif_hover.png") repeat-x scroll 50% 50% #007BB6;
  border:1px solid #9c8379;
  color:#9c8379;
  font-weight:normal;
  outline:medium none;
}


 .ui-widget-header {
  background: url('/images/scolaire/widgets/bandeau_titre.png');
  color:#9c8379;
  text-transform:uppercase;
  border: 0px;
 }
 
 
.ui-state-default, .ui-widget-content .ui-state-default {
    color: #9c8379;
    background-color: #d6c2b9;
    background-image: none;
}
 
 
 .xtlview-toolbar.ui-state-default {
  background-image: none;
  color: #9c8379;
 }
 
 .xtlview-pager.ui-state-default {
  background-image: none;
  background-color: #ebddd7;
  color: #9c8379;
 }
 
.xtlview-table table {
  border-color: #9c8379;
  color: #9c8379;
 }
 .xtlview-table table th, .xtlview-table table th.ui-state-default {
  text-transform: uppercase;
  background-image: none;
  background-color: #d6c2b9;
  border-color: #9c8379;
  color: #9c8379;
 }
 .xtlview-table table th, .xtlview-table table th.ui-state-hover {
  text-transform: uppercase;
  background-image: none;
  background-color: #ebddd7;
  border-color: #9c8379;
  color: #9c8379;
 }
 
.ui-widget-content {
    background-image: none;
    border:1px solid #c2a99e;
    color:#222222;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background-image: none;
    border:1px solid #c2a99e;
    outline:medium none;
} 

.xtlview-table table tbody tr.ui-state-hover  {
   background:  #fcdd80;
   color: #9c8379;

}
.xtlview-table table tbody tr.ui-state-highlight {
  background-color: #fffca8;
}


.ui-tabs-nav .ui-state-default.ui-corner-top {
    background: #6BAFBF url(/images/scolaire/widgets/onglet_actif.png) repeat-x scroll 50% 50%
}

.ui-tabs-nav .ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
    background: #FFFFFF url(/images/scolaire/widgets/onglet_courant.png) repeat-x scroll 50% 50%;
}
.ui-tabs-nav .ui-state-default.ui-corner-top.ui-state-hover {
    background:  url(/images/scolaire/widgets/onglet_actif_hover.png) repeat-x scroll 50% 50%
}
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a {
  color:#e28f00;
  cursor:pointer;
  text-transform:uppercase;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  color:#9c8379;
  cursor:text;
  text-transform:uppercase;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    background: #FFFFFF url(/images/scolaire/widgets/onglet_courant.png) repeat-x scroll 50% 50%;
}
.ui-tabs .ui-tabs-nav {
    -moz-border-radius:0 0 0 0;
    background-color: #efe2db;
    background-image:none;
    border-color:-moz-use-text-color -moz-use-text-color #D7DCDE;
    border-style:none none solid;
    border-width:medium medium 1px;
    list-style-position:outside;
    list-style-type:none;
    padding:0.2em 0.2em 0;
    position:relative;
}