/*
 * Issila / Issila / I6LA
 * by EXTELLIENT
 *
 * Created on 26 juin 2006 by mgueurce
 * Last modified (CVS Id): $Id: colors.css,v 1.3.2.4 2010-10-20 07:11:19 gcuignet Exp $
 */ /* 
* CSS qui gere les couleurs pour les themes
*/ 

#issila {
  background-color: white;
}

div#family_right, div#family_bottom{
	background-color: #EBDDD7;
}

/* Barre verticale de scrolling */

.form_error {
	color: #d8732f;
}
body #family {
	scrollbar-face-color: #EBDDD7;
	scrollbar-arrow-color: #9C8379;
	scrollbar-track-color: #eff0f2;
	scrollbar-shadow-color: #EBDDD7;
	scrollbar-highlight-color: #EBDDD7;
	scrollbar-3dlight-color: #EBDDD7;
	scrollbar-darkshadow-Color: #9C8379;
}

body #agent {
	scrollbar-face-color: grey;
	scrollbar-arrow-color: #9C8379;
	scrollbar-track-color: grey;
	scrollbar-shadow-color: grey;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-Color: #9C8379;
}

/* Couleur de fond */
div#family div#borderFamily,div#family div#helpMenuParents {
	border-right: 1px solid #9C8379;
  border-left: 1px solid #9C8379;
}

.left-border {
  border-left: 1px solid #9C8379;
  background-image:url("/images/scolaire/degrade_gris.png");
}

.right-border {
  border-right: 1px solid #9C8379;
  background-color:white;
}


/** couleur des liens dans le footer */
div#family div#footer a{
	color: #000000;
}

/* Couleur de la bordure dans la homepage */
div#frameParents {
	border-color: white;
}

div#content div#registrationJourneyChoice,
div#family div#content div#edit, 
div#family div#content div#send_mail, 
div#family div#content div#family_account, 
div#family div#content div#child_subscription, 
div#agent div#content div#month_invoice,
div#agent div#content div#consummation,
div#agent div#content div#amount,
div#agent div#content div#family_account,
div#agent div#content div#child_subscription{
	border: 2px solid #EBDDD7;
}



div#content div#registrationJourneyChoice,
div#family div#content div#send_mail, 
div#family div#content div#edit, 
div#family div#content div#family_account,
div#family div#content div#child_subscription, 
div#family div#content div#month_invoice,
div#family div#content div#consummation,
div#family div#content div#amount,
div#agent div#content div#month_invoice,
div#agent div#content div#consummation,
div#agent div#content div#amount,
div#agent div#content div#family_account,
div#agent div#content div#child_subscription{
	background-color: #ebddd7;
}

/* La banniere grise superieure */
div#family div#leftBanner span.nonAuthenticated {
	background-color: #e5e3e3;
}


a.textcolor{
	color: #ba7413; 
	font-size:8pt;
	font-style: italic; 	
}

/* La banniere superieure si authentifie */
div#family div#leftBanner span.authenticated {
	/*color: white;*/
	/*background-color: #a5c740;*/
	padding: 10px;
	background-color: white;
	border: 2px solid #EBDDD7;	
}

div#family div#LegalInfos {
	border-bottom: solid 1px #9C8379;
}


div#family div#homepageFrame div#homepage {
  margin-left: -5px;    
  margin-right: -1px;    
  margin-top: -5px;    
}
.left-border.home_left_menu {
  border-left:2px solid white;
}

div#family div#homepageFrame div#homepage,div#family div#content, div#family div#backgroundParents,
div#family #menuParents li,div#family div#path,div#family div#longPath
{
	background-color: white;
}
div#family #menuParents dt{
	background-color: #ffffff;
}

div#family #menuParents dt.blank{
	background-color: #ffffff;
}

div#family div#menuParents dd {
	border-color: #EBDDD7;
}

div#family #menuParents li a,div#family #menuParents dt a {
	color: #000000;
}

div#family #menuParents li a:hover,div#family #menuParents dt a:hover {
	/*background: #a5c740;*/
	background: #EBDDD7;
}

div#family div#homepageFrame div#homepage .service .contentFrame,
div#family div#homepageFrame div#homepage div#news div#content-news,
div#family div#homepageFrame div#homepage .partnership .content,
div#family div#homepageFrame div#homepage .freeSpeech .content {
	background-color: white;
	border-color: white;
}


div#family div#homepageFrame div#homepage .service .title,
div#family div#homepageFrame div#homepage div#news div#news-title,
div#family div#homepageFrame div#homepage .partnership .title,
div#family div#homepageFrame div#homepage .freeSpeech .title {
	color: #9c8379;	
	font-size:12pt;
	font-weight: bold;
	margin-left:15px;
	text-transform: uppercase;
}


div#family div#homepageFrame div#homepage .news,
div#family div#homepageFrame div#homepage .partnership{
  background-image:url("/images/scolaire/degrade_gris_ptt.png");
  color: #9c8379; 
}

div#family div#homepageFrame div#homepage .freeSpeech {
  color: #9c8379; 
}


div#family div#homepageFrame div#homepage .service {
  background-image:url("/images/scolaire/degrade_gris_large.png");
  color:#9C8379;
  margin-left:3px;
  text-transform:uppercase;
  width:722px;
}

/* Couleur du cadre d'authentification */
div#family div#homepageFrame div.authenticationFrame {
	background-color: white;
	color: black;
}

/**********************************************
 *        PAR01 : page Mon compte             *
 **********************************************/
div#family div#content div#child_subscription table.child,
div#agent div#content div#child_subscription table.child {
	background-color: white;
	border: solid 1px #9C8379;
}

div#family div#content div#account_invoice div#month_invoice,
div#family div#content div#account_invoice div#consummation,
div#family div#content div#account_invoice div#amount{
	border: 1px solid #EBDDD7;
}

div#content div#account_invoice table#invoice{
	border-bottom: 2px solid #ad9185;
	border-left: 2px solid #ad9185;
	border-right: 2px solid #ad9185;	
}

div#content div#account_invoice {
	background-color: #ebddd7;
}


/***Onglets***/
div#content div#line {
	border-bottom: 2px solid #ad9185;
}
div#content ul.invoiceServicesTabsFam li {	
	border-top: 2px solid #ad9185;
	border-left: 2px solid #ad9185;
	border-right: 2px solid #ad9185;	
}

div#content ul.invoiceServicesTabsFam li.disable {
	color:#9ea4ab;
}

div#content ul.invoiceServicesTabsFam li.currentTab {
	border-bottom: 2px solid #ebddd7;
	background-color: #ebddd7;
}

div#content ul.invoiceServicesTabsFam li.enable a {
	color: #666;
}

div#content ul.invoiceServicesTabsFam li.enable a:hover {
	background: #fff;
}
/************/


/**************************************
 * Préinscriptions des enfants
 **************************************
 */
div.expanded_block {	
	background-color: #ebddd7;
}
/** Idem que div.block mais largeur non précisée */
div.thin_block {		
	background-color: #ebddd7;	
}
span.child {	
	background-color: #ebddd7;	
}
/** Bouton avec bords arrondis et petite hauteur (ex. boutons des popup) */
.rounded_button {	
	background-color: #ebddd7;	
}
.rounded_button a {
	color: #000000;
}
/**************************************
 * Préinscriptions (emplois du temps)
 **************************************
 */	
div.popup_content {	
	border: 10px solid #ebddd7;
}
div.popup_content span.title {
	color: #339900;	
}
div.popup_content div.content span.subtitle {
	color: #000000;
}
table.week tr td.dayOff {		
	background-color: white;
	border: 1px solid #000000;
}
table.week tr td.workingDay {			
	background-color: #339900;
	border: 1px solid #000000;
}
div.family_quotient_block {	
	background-color: #FFFBF0;	
}

/**************************************
 * Préinscriptions (enfants)
 **************************************
 */	
div.innerLayout {	
	background-color: #FFFBF0;
}
div.popup_content div.content table.joinable_person {
	border: 1px solid #969696;
}

table.subscr_calendar tr td.dayOff {		
	background-color: white;
	border: 1px solid #000000;
}
table.subscr_calendar tr td.workingDay {			
	background-color: #339900;
	border: 1px solid #000000;
}

div#content div.block {		
	background-color: #e7e8eb;
}

.popup_button {
	background-color: #FFFBF0;	
	color: #000000;
}
.popup_button a {
	color: #000000;
}

/**********************************************
 *        PAR03_02 : les calendriers          *
 **********************************************/


div#family div#content div.scheduleSchoolMeal, div#family div#content div.scheduleSchoolBus, 
div#family div#content div.scheduleOutSchool, div#family div#content div.pageTitle{
	background-color: white;
	border: 1px solid #9C8379;
}




/**********************************************
 *        PAR03_02 : les calendriers          *
 **********************************************/
div#content div#dateParent{
	background-color: white;
	border: 1px solid #9C8379;
}

div#content div.titlePageCalendarYear, div#content div.titleCalendarYear,
 div#content div.parentLegend{		
	background-color: white;
}  

div#content table.year a{
	color: black;
}

div#content table.year td, 
div#content table.year th,
div#content table.year caption,
div#content table.year,
div#content div#legendCalendarYear span#registeredDay, 
div#content div#legendCalendarYear span#nonRegisteredDay,
div#content div#legendCalendarYear span#pastDay,
div#content div#legendCalendarYear span#disabled
{
	border: 1px solid #90979d;
} 
 
div#content table.year caption{
	background-color: white;
	color: black;
}

div#content table.year th{
	background-color: #f7ebd3;	
}

div#content table.year td.disabled, div#content div#legendCalendarYear span#disabled{
	background-color: #9ea3ab;
}

div#content table.year td.pastDay, div#content div#legendCalendarYear span#pastDay{
	background-color: #b8ddb6;	
}

div#content table.year td.registeredDay, div#content div#legendCalendarYear span#registeredDay{
	background-color: #f4ca78;	
}

div#content table.year td.nonRegisteredDay, div#content div#legendCalendarYear span#nonRegisteredDay{
	background-color: white;	
}

div#content div#legendCalendarYear{
	background-color: white;
	border: 1px solid #9C8379;
}
/* Mensuel */

div#content table#monthCalendar, div#content table#monthCalendar td{
	border-color: #9C8379;
}

div#content table#monthCalendar td.day {
	background-color: #e6e7e8;
	color: #939598;
}

div#content table#monthCalendar td.modifiableDay {
	background-color: white;
}

div#content table#monthCalendar td.nonModifiableDay {
	background-color: #e6e7e8;
}

.registered {
	background-color: #ee8e30;
}

/* */

div#content div#titlePageCalendarMonth table td div.date{	
	background-color: white;
}

div#content div#legendCalendarMonth{
	background-color: white;
	border: 1px solid #9C8379;
}

div#content div#legendCalendarMonth span#modifiableDay, 
div#content div#legendCalendarMonth span#nonModifiableDay,
div#content div#legendCalendarMonth span#registered
{
	border: 1px solid #9C8379;
}

div#content div#legendCalendarMonth span#modifiableDay{
	background-color: white;
}
 
div#content div#legendCalendarMonth span#nonModifiableDay{
	background-color:  #e6e7e8;
}

div#content div#legendCalendarMonth span#registered{
	background-color: #EBDDD7;
} 

div#content table.calendrierMensuel td.day, table.calendrierMensuel td.day a{
	background-color: #e6e7e8;
	color: #939598;
}

div#content div#dateSelectorWeekly table tr td div.date{	
    background-color: white;
}

/* 
* L'espace de travail pour les parents 
*/
div#family div#content div#edit a {
	color: #EBDDD7;
}

/*******************************************
 *                 Boutons                 *
 *******************************************/
div#family div#content span.button {
	background-color: #e7e8eb;
}
div#family div#content span.button table {
	background-color: #e7e8eb;	
	border-color: #9C8379;
}


























































































div#family div#content span.button table a {
	color: black;
}
/***********************************************
 *            Le menu Gauche Parent            *
 ***********************************************/
div#family div.leftFrame .menuListChildren  {
	background-color: white;
}
div#family div.leftFrame .child {
	background-color: white;
}
div#family div.leftFrame .childSelected {
	background-color: #EBDDD7;
}
div#family div.leftFrame .menuChild {
	background-color: white;
}
div#family div.leftFrame div.menuChild table th {
	color: #d9c827;
}

div#family div.leftFrame div.menuChild table td,a {
	/*color: white;*/
}
div#family div.leftFrame div.menuListChildren a {
	color: black;
}
div#family div.leftFrame .menuTitleListSchool  {
	background-color: white;
}
div#family div.leftFrame div.menuListSchool div.school{
	background-color: white;
}
/**********************************************
 *        PAR01 : page Mon compte             *
 **********************************************/
div#content div#account_invoice div#consummation table#consummation{
	border: 1px solid #EBDDD7;
	background-color: #ffffff;
}
div#content div#consummation table#consummation td{
	border: 1px solid #EBDDD7;
}
div#content div#account_invoice div#amount td.display {
	background-color: #ffffff;
	border: 1px solid #000000;
}

/******************************************************************************
 *        PAR03_02 : gerer le calendrier des services scolaires de l'enfant   *
 ******************************************************************************/
 
/*******************Prévisionnel à la semaine************************/
div#content div.parentLegend {
	border: 1px solid #9C8379;
}  
content div#instructions2{
	border: 1px solid #9C8379;
	background-color: #e7e8eb;	
}
span.red{
	color: red;
}

/* Calendrier mensuel*/
.registered,.modifiableDay,.nonModifiableDay {
	border: solid 1px #9C8379;
}

/**************************************
 * PAR03_03 Gestion des sorties
 *************************************/
div#content div.schoolGroupInfo{
	background-color: white;
}
div#content div#PAR03_03_information_registered{	
	background-color: #ebddd7;
	border: solid 2px #EBDDD7;
}
div#content div#PAR03_03_information_non_registered{	
	background-color: #ebddd7;
	border: solid 2px #EBDDD7;
}

div#content div#PAR03_03_closed_date{	
	background-color: #ebddd7;
	border: solid 2px #EBDDD7;
	color: red;
}

div#content div.listSchoolJourney{
	border: 2px solid #EBDDD7;
	background-color: white;
}
div#content table#schoolJourney tr td, 
div#content table#schoolJourney tr th{
	border: 1px solid #EBDDD7;	
}
div#content table#schoolJourney tr th{
	background-color: #EBDDD7;
	
/*	color: white;*/
}
div#content table#schoolJourney tr{
	background-color: white;
}
div#content table#schoolJourney tr.selected{
	background-color: #ebddd7;	
}

div.titlePrevisionnalSchoolService {
	border: 1px solid #9C8379;
	background-color: #EBDDD7;
}

/******AGT_05_10 : onglets********/
div#agent div#content div#lineServicesTabs {
	border-bottom: 2px solid #AD9185;;		
}

div#agent div#content div#invoiceService {
	border-bottom: 2px solid #ad9185;
	border-left: 2px solid #ad9185;
	border-right: 2px solid #ad9185;	
}

div#agent div#content div#invoiceService div#search {
	border: 0px solid #9C8379;
}


div#agent div#content ul.invoiceServicesTabs {
	font: bold 11px verdana, arial, sans-serif;
}

div#agent div#content ul.invoiceServicesTabs li {
	border-top: 2px solid #ad9185;
	border-left: 2px solid #ad9185;;
	border-right: 2px solid #ad9185;;
}

div#agent div#content ul.invoiceServicesTabs li.enable a {
	color: #666;
}

div#agent div#content ul.invoiceServicesTabs li.enable a:hover {
	background: #f1f1f1;
}


div#agent div#content ul.invoiceServicesTabs li.currentTab {
    background-color:#ebddd7;
    border-bottom:2px solid #ebddd7;
    text-transform:uppercase;
}
/****************************************/




.homepage_content {
    border-color:  #676767;
}
.categs_container {
    border-color:  #676767;
}

.categs_container li {
    color:  #305B66;
}

#activity-preview-table {
    color: #305B66;
}

table.activity-sessions-table th {
   background:transparent url(/images/sessions_calendar/degrade_jaune_calendrier.png) repeat-x scroll 0 0;
   color: #315B66;
   border-bottom: 1px solid #adb08a;
   border-right: 1px solid #999b6b;
}

table.activity-sessions-table th.large {
   background:transparent url(/images/sessions_calendar/degrade_jaune_calendrier_large.png) repeat-x scroll 0 0;
}

table.activity-sessions-table th.disabled-title {
    opacity : 0.3;
    filter : alpha(opacity=30); 
}

table.activity-one-session {
    border: 0;
}

table.activity-one-session td {
    border: 0;
    padding: 1px;
}

table.activity-one-session tr {
    outline: 0;
    border: 0;
}

table.activity-sessions-table td.activity-session-places {
    background: url('/images/picto_calendrier_place.png') bottom left no-repeat;
}

table.activity-sessions-table td.activity-session-dayon {
    border-left: 1px solid #f4fbfd;
    border-top: 1px solid #ebf7fc;
    border-right: 1px solid #bfcad0;
    border-bottom: 1px solid #abc2ce;
}

table.activity-sessions-table .disabled-day,
table.activity-sessions-table td.dayoff-session {
    border-left: 1px solid #f4fbfd;
    border-top: 1px solid #c8d9e6;
    border-right: 1px solid #bfcad0;
    border-bottom: 1px solid #abc2ce;
    background: #8bb3ce;
  }
table.activity-sessions-table td.unselected-session {
    background: url('/images/sessions_calendar/degrade_bleu_calendrier.png') repeat-x ; 
  }

table.activity-sessions-table td.selected-session {
    background: url('/images/sessions_calendar/degrade_calend_large_highlight.png') repeat-x;
}

table.activity-sessions-table tr.session_package_row td {
     background: url('/images/sessions_calendar/degrade_bleu_calendrier.png') top left repeat-x;
}

table.activity-sessions-table tr.session_package_row.selected-session td {
     background: url('/images/sessions_calendar/degrade_calend_large_highlight.png') top left repeat-x;
}

table.activity-sessions-table td.odd,
table.activity-sessions-table td.odd td.base-session {
    background-position: bottom left ;
}
table.activity-sessions-table td.even 
table.activity-sessions-table td.even  td.base-session {
    background-position: top left ;
}

table.activity-sessions-table .disabled-day {
    opacity : 0.3;
    filter : alpha(opacity=30); 
}

table.activity-sessions-table tr.session_package_row {
    outline: 0;
}

.activity-session-dayoff {
    background-color: #8bb3ce;
}

.selected-session {
    border: 2px solid red;
}

/*
 * Nouvelle version du week table
 */
.activity-session {
    background: url('/images/sessions_calendar/degrade_bleu_calendrier.png') repeat-x ;
    border-left: 1px solid #f4fbfd;
    border-top: 1px solid #ebf7fc;
    border-right: 1px solid #bfcad0;
    border-bottom: 1px solid #abc2ce;
} 
 
.base-session,
.aternative-activity {
	cursor: pointer;
}

.dayoff-session td {
    cursor: default;
}
 
.base-selected .base-session,
.alternative-selected .aternative-activity {
    /*border: 2px solid red;*/
    background: url('/images/sessions_calendar/degrade_calend_large_highlight.png') repeat-x;
}

.base-selected .base-session.status-waiting,
.alternative-selected .aternative-activity.status-waiting,
.base-selected.waiting .base-session,
.alternative-selected.waiting .aternative-activity {
    /*border: 2px solid red;*/
    background: url('/images/sessions_calendar/degrade_calend_large_waiting.png') repeat-x;
}

.base-selected.subscribed .base-session,
.alternative-selected.subscribed .aternative-activity {
    /*border: 2px solid red;*/
    background: url('/images/sessions_calendar/degrade_calend_large_subscribed.png') repeat-x;
}


 /* Preview des activités et moteur de recherche */

.activity-header-table {
    background-image: url('/images/degrade_gris_titre_large.png');
    background-repeat: repeat-y;
    border-width: 0;
}

.activity-type-table {
    background-image: url('/images/degrade_gris_activite.png');
    background-repeat: repeat-y;
    border-width: 0;
    font-size: 10px;
}

.activity-title,
.activity-topic,
.activity-short-desc {
    color: #305B66;
}

.activity-pdf a {
	background-image: url('/images/picto_pdf_detail.png');
    display: block;
    width: 50px;
    height: 65px;
    text-decoration: none;
}

.activity-right-table {
    background-color: gray;
}

.activity-image {
    background-color: #eeeeee;
}

.activity-ico {
    border-color: white;
    background-position: 10px 0px;
     height: 42px;
}

.activity-column-right,
.activity-column-left {
    border-color: #abb6da;
}

.activity-right-table {
    background-image: url('/images/degrade_gris_activite.png');
    background-repeat: repeat-y;
}

.activity-age_ico {
    background: url('/images/picto_nom.png') no-repeat 15px center;
}

.activity-entity_ico {
     background: url('/images/picto_lieu.png') no-repeat 15px center;
}

.activity-period_ico {
     background: url('/images/picto_periode.png') no-repeat 15px center;
}

.activity-catering_ico {
     background: url('/images/picto_repas.png') no-repeat 15px center;
}

.activity-price_ico {
     background: url('/images/picto_prix.png') no-repeat 15px center;
}

.activity-accomodation_ico {
     background: url('/images/picto_hebergement.png') no-repeat 15px center;
}

.activity-subscription button.blocked {
    background-color: lightgray;
}

.activity-subscription button.active {
	cursor: pointer;
	background-color: yellow;
}

.activity-subscription button.to_main_list{
  cursor: pointer;
  background-image: url('/images/sessions_calendar/degrade_calend_large_subscribed.png');
}

.activity-subscription button.to_presubscribed_list{
  cursor: pointer;
  background-image: url('/images/sessions_calendar/degrade_calend_large_highlight.png');
}

.activity-subscription button.to_waiting_list{
  cursor: pointer;
  background-image: url('/images/sessions_calendar/degrade_calend_large_waiting.png');
}

.activity-subscription button.to_unsubscribe{
  cursor: pointer;
  background-image: url('/images/sessions_calendar/degrade_bleu_calendrier.png');
}


.activity-subscription button.blocked.with-info {
	cursor: help;
}

/*
 * Inscription à une activité
 */
table.subscription-summary td.status {
    text-transform: uppercase;
    border: 1px solid #305B66;
    padding: 2px;
}

table.subscription-summary td.presubscribe {
    background-color: green;
    color:white;
}

table.subscription-summary td.forced,
table.subscription-summary td.waiting {
    background-color: orange;
}

table.subscription-summary td.webfull,
table.subscription-summary td.noplace {
    background-color: gray;
}

table.subscription-summary span.type {
	color: gray;
	margin: 0 3px;
}

div.sessions-summary {
	border-width: 0 0 1px 1px;
	border-style: solid;
    border-color: #E0E5E7;
}

div.alternatives-summary {
    border-left: 1px solid #E0E5E7
}

div.activity-summary {
    border-bottom: 1px solid #E0E5E7;
}

div.activity-summary .alert {
    color: orange;
}
div.activity-summary .alert .ui-icon {
    display: inline-block;
}


table.actsubscr-responsibles {
    border-color: #E0E5E7;
}

tr.spaceLine{
height:3px;
}

div.calendar {
    z-index:9999;
}

td.none {
border: 1px solid #9C8379 !important;
width:100px;
height:100px;
}

div#calendrier{
position:relative;
margin-left:110px;
}

tr#scheduleline{
height:40px;
}

#linetitle{
width:90px;
font-weight:bold;
}

#legendeComplet {
	left: 640px;
	position: absolute;
	top: 20px;
}

#legendeBus {
	height: 88px !important;
	left: -95px;
	position: absolute;
    padding-top:65px !important;
	top: 39px;
    font-weight:bold;
	width: 90px!important;
}

#legendeGarderie {
	height: 92px !important;
        width: 90px!important;
	position: absolute;
	top: 198px;
    font-weight:bold;
    padding-top:65px!important;
        left: -95px;
}

#legendeCantine {
	height: 35px !important;
	width: 90px!important;
	position: absolute;
	top: 361px;
	left: -95px;
    font-weight:bold; 
}

#legendeSortie {
	height: 35px !important;
	width: 90px !important;
	position: relative;
    top: 390px;
    font-weight:bold; 
	left: -95px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#legendeBus {
height:91px !important;
position: absolute;
top: 35px;
width: 90px;

}
 
#legendeGarderie {
        height: 92px !important;
    width: 90px;
position: absolute;
top: 197px;
}
 
#legendeCantine {
        height: 35px !important;
    width: 90px;
position: absolute;
top: 360px;
}
#legendeSortie {
        height: 35px !important;
    width: 90px;
position: relative;
top: 391px;
}

}

#legendeBus img, #legendeGarderie img, #legendeCantine img, #legendeSortie img {
	position: relative;
  top: -4px;
}