/*
 * Issila / Issila / I6LA
 * by EXTELLIENT
 *
 * Created on $date by mgueurce
 * Last modified (CVS Id): $id
 */

 
/*
* CSS qui gere l'impression
*/

@page{
	size: portrait;
	margin: 1cm;
}

a img,:link img,:visited img {
	border: none;
}

a,a:hover {
	text-decoration: none;
	color: black;
}

div#family input{
	display: none;
}

.no_print{
	display: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
}

div#family {
   position: absolute;
   top: 0;
   left: 0;
   width: 984px;
   height: 580px;
}

div#family div#leftMenu {
	position: absolute;
	top: 100px;
	left: 100px;
	width: 246px;
	height: 468px;	
}

div#family div.leftFrame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;	
	overflow-x: hidden;
	overflow-y: auto;	
	border-bottom: solid;
	border-width: 0px;	
}

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

div#family div.leftFrame .menuChild {
	position: relative;
	left: 5%;
	margin-top: 10%;
	width: 90%;
	z-index: 4;
}

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

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

/*******************Prévisionnel à la semaine************************/
div#content div#schoolBusLegend{
	position: absolute;
	top: 125px;
	left: 0px;
	width: 120px;
	height: 40px;
	padding: 2px;
	text-align: center;
	border: 1px solid black;
}  
div#content div#outSchoolLegend{
	position: absolute;
	top: 225px;
	left: 0px;
	width: 120px;
	height: 40px;
	padding: 2px;
	text-align: center;
	border: 1px solid black;
}
div#content div#schoolMealLegend{
	position: absolute;
	top: 300px;
	left: 0px;
	width: 120px;
	height: 40px;
	padding: 2px;
	text-align: center;
	border: 1px solid black;
} 
div#content div#journeyLegend{
	position: absolute;
	top: 351px;
	left: 0px;
	width: 120px;
	height: 40px;
	padding: 2px;
	text-align: center;
	border: 1px solid black;
}
div#content div#dateSelectorWeekly{	
	position: absolute;
	top: 0px;
	left: 230px;	
	width: 380px;		
	text-align: center;	
	font-size: 8pt
}
div#content div#dateSelectorWeekly table td.date {
	background-color: white;
	border: 1px solid black;
}
div#content div#scheduleWeekly{
	position: absolute;
	top: 90px;
	left: 130px;
}
div#content div#scheduleWeekly table{
	border-collapse: collapse;
	border: 1px solid black;	
	text-align: center;
}
div#content div#scheduleWeekly table td.none{
	border: none;
	height: 48px;
	width: 44px;	
}
div#content div#scheduleWeekly table td.days{
	border: none;
}
div#content div#scheduleWeekly table td.outSchool, 
div#content div#scheduleWeekly table td.outSchoolUnvailable{
	border: none;
	height: 24px;		
}

div#content div#scheduleWeeklyIE{
	position: absolute;
	top: 60px;
	left: 130px;
}
div#content div#scheduleWeeklyIE table{
	border-collapse: collapse;
	border: none;	
	text-align: center;
}
div#content div#scheduleWeeklyIE table td.none{
	border: none;
	height: 48px;
	width: 44px;	
}
div#content div#scheduleWeeklyIE table td.days{
	border: none;
}
div#content div#scheduleWeeklyIE table td.outSchool, 
div#content div#scheduleWeekly table td.outSchoolUnvailable{
	border: 1px solid black;
	height: 24px;		
}

/* Calendrier mensuel*/
div#content table#monthCalendar {
	position: absolute;
	top: 76px;
	left: 6px;	
	border-collapse: collapse;
	text-align: center;
}

div#content div#titlePageCalendarMonth{	
	position: absolute;
	top: 0px;
	left: 270px;	
	text-align: center;
}
div#content div#legendCalendarMonth{	
	position: absolute;
	top: 356px;
	left: 2px;
	width: 700px;
	font-size: 10px;
	padding: 4px;
}
div#content table#monthCalendar td.day, div#content table#monthCalendar td.day a{
	font-weight: bold;
}

/* Calendrier annuel */
div#content div.titleCalendarYear{	
	position: absolute;
	top: 50px;
	left: 207px;
	width: 300px;
	text-align: center;
	font-size: 14px;	
	background-color: white;
	border: 1px solid black;
}
div#content table#calendarYear{	
	position: absolute;
	top: 90px;
	left: 0px;
}
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{	
	position: absolute;
	top:360px;
	left: 0px;
	width: 700px;
	font-size: 10px;
	padding: 4px;
	text-align: center;
}


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 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;	
}



.spaceLine,
div#content div#dateParent,
div#family div.leftFrame div.menuChild table.menuChildOptions td,
div#family div#backgroundParents,
div#family div#frameParents, 
div#family div#longPath,
div#family div#path,
div#family div#helpMenuParents,
div#family div#menuParents,
div#family div#LegalInfos,
div#family div#footer,
div#family div#homepageFrame,
div#family div#banner,
div#family div.leftFrame .menuListChildren {
	display: none;
}