
/*
** BODY
*/
body			{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
				  background-color: #FFFFFF;
				  font-family: "Trebuchet MS" !important; 
				  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ 
				  font-size: 12px;
				  text-align: justify;}

/*
** PRE
*/
pre		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/*
** Hi
*/
h1		{ font-size: 14px; font-weight: bold; }
h2		{ font-size: 11px; font-weight: bold; }

/*
** P
*/
p.bold			{ font-weight: bold; }
p.error			{ color: #FF0000; }
p.amountUnpaid	{ color: #F09D1D;  font-weight: bold; font-style: italic; }
p.stateUnpaid	{ color: #F09D1D;  font-weight: bold; font-style: italic; }
p.toPay			{ color: red; font-weight: bold; font-style: italic; }
p.paid			{ color: green; font-weight: bold; font-style: italic; }
p.cancel		{ color: #806D7E;  font-weight: bold; font-style: italic; }
p.tresorerie	{ color: #F09D1D;  font-weight: bold; font-style: italic; }
p.invoiceInformation { font-weight: bold; font-style: italic; }
p.help			{ margin: 0px }

/*
** UL
*/
ul.menu			{ padding: 10px; margin: 10px; }

/*
** LI
*/
li.error		{ color: #FF0000; }

/*
** TABLE
*/
table			{ font-size: 11px; }

/*
** TD
*/
td.bold			{ font-weight: bold; }
td.cellTitle	{ font-weight: bold; color: #FFFFFF; background-color: #F09D1D; }
td.cellRequired	{ font-weight: bold; }
td.required		{ font-weight: bold; }
td.cellTab			{ border-bottom: 1px dashed #DDDDDD; }
td.cellTabRequired	{ font-weight: bold; border-bottom: 1px dashed #DDDDDD; }
td.menuItem		{ background : #9BAED8; }
td.menuItemOver	{ background : #633D32; }
td.debit		{ color: red ; }
td.unpaid		{ color: orange ; }
td.credit		{ color: blue ; }
td.toPay		{ color: red; font-weight: bold; }
td.paid			{ color: green; font-weight: bold; }
td.cancel		{ color: #806D7E; font-weight: bold; }
td.unPaid		{ color: #F09D1D; font-weight: bold; }
td.tresorerie	{ color: green; font-weight: bold; }
td.shoppingCartAmount { font-weight: bold; font-style: italic; }
td.shoppingCartEmpty { font-weight: bold; font-style: italic; }
td.invoiceInformation { font-weight: bold; font-style: italic; }
td.warning		{ color: red ; }
/*td.warningInscription		{ color: #FFFFFF ; font-weight: bold; }*/
td.read			{ font-weight: normal; }
td.unread		{ font-weight: bold; }
td.activityDescription {  font-weight: bold; border-bottom: 1px dashed #DDDDDD; }
td.activityAmount {  font-weight: bold; border-bottom: 1px dashed #DDDDDD; color: red; }
td.activityDispo  {  font-weight: bold; border-bottom: 1px dashed #DDDDDD; color: red; }

.activityPlaceDescriptionTitle		{ padding: 2px; font-style: italic; }
.activityPlaceDescriptionContent	{ padding: 2px; padding-left: 10px; font-style: normal; }
.activityContentTextarea {background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 0px; }

/*
** TR
*/
tr.paireTab		{ background-color:  #EEEEEE ;}
tr.impaireTab	{ background-color:  #FFFFFF ;}
tr.notViewed	{ display:none; visibility:hidden;}

/*
** HR
*/
hr		{ height: 1px; }

/*
** DIV
*/
div.bold		{ font-weight: bold; }
div.cellTitle	{ padding: 1px; font-weight: bold; color: #FFFFFF; background-color: #F09D1D; }
div.cellTab		{ border-bottom: 1px dashed #DDDDDD; }
div.cellTabTop	{ border-bottom: 1px dashed #DDDDDD; margin-top: 3px ;margin-bottom: 3px; }
div.error		{ padding: 1px; font-weight: bold; color: #FF0000; }
div.warning		{ color: #FF0000; }
div#uploadForm	{ visibility: hidden; width: 400px; padding: 3px; background-color: #E5EAF5;}
div.objectWorkflowView	{ display: none; background-color: #E5EAF5; }
div.objectWorkflowViewVisible { background-color: #E5EAF5; }
div.itemProposal 	{ position: absolute; padding: 3px; background-color: #FDFFC9; border: 1px solid #999999; }
div.question	{ background-color: #EEEEEE; padding-bottom:5px;}
div.fieldset	{ padding: 5px; }
div.detail		{ padding: 3px; background-color: #EEEEEE; }

div.amountUnpaid		{ color: #F09D1D;  font-weight: bold; font-style: italic; padding: 3px; }
div.stateUnpaid			{ color: #F09D1D;  font-weight: bold; font-style: italic; padding: 3px; }
div.toPay				{ color: red; font-weight: bold; font-style: italic; padding: 3px; }
div.paid				{ color: green; font-weight: bold; font-style: italic; padding: 3px; }
div.cancel				{ color: #806D7E; font-weight: bold; font-style: italic; padding: 3px; }
div.tresorerie			{ color: #F09D1D;  font-weight: bold; font-style: italic; padding: 3px; }
div.invoiceInformation 	{ font-weight: bold; font-style: italic; padding: 3px; }

div.help		{  border-color: #b7b3aa; border-style: solid; border-width: 1px; background-color: #EEEEEE; padding: 5px;  }
div.helpTitle	{  color: #DE3831; font-weight: bold;   } 

div.activityDescription {padding: 5px ; }
div.activityDescriptionTab {padding: 5px ; padding-left: 2px; }
div.unitTitle			{ font-size: 11px; color: #DE3831; font-weight: bold; }
div.placeTitle			{ font-size: 10px; color: #000000; font-weight: bold; }
div.menuSubscribeConult	{ float: right; padding: 10px }
div.menuSubscribeConultContent	{ text-align: center; }
div.menuHistoryConult	{ float: right; }
div.menuHistoryConultContent { text-align: center; width: 200px }
div.menuShoppingcartConult	{ float: right; }
div.menuShoppingcartConultContent {text-align: center; width: 250px}

div.cellService	{ padding: 1px; font-weight: bold; color: #DE3831; border-bottom: 1px solid #C32922; }
div.cellActivity { }

div.subscribeValidationMenuOn 	{ text-align: center; width: 30px; font-size: 26px; border: 1px solid #C32922; color: #DE3831; font-weight: normal;margin-top:20px  }
div.subscribeValidationMenuOut 	{ text-align: center; width: 20px; font-size: 12px; border: 1px solid #000000 ;  }

div.catalogActivityDescription		{ padding-bottom: 15px; font-style: italic; padding-top: 0px; margin-top:20px }
div.activityDescriptionInCatalog	{ padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }

.calendarDateActive		{ text-align: center; color: #633D32; background-color: #EEEEEE; }
.calendarDateActiveToday{ text-align: center; color: #FFFFFF; background-color: #F09D1D; }
.calendarDateInactive	{ background-color: #EEEEEE; }
.calendarDateOpen		{ background-color: #FFFFFF; border: solid 1px #EEEEEE; }
.calendarDateOpenToday	{ background-color: #FFFFFF; border: solid 1px #F09D1D; }
.calendarDateUnopen		{ background-color: #FAFAFA; }
.calendarDateUnopenToday{ background-color: #FAFAFA; border: solid 1px #FF0000; }
.calendarCellHeightAM	{ height: 50px; }
.calendarCellHeightPM	{ height: 40px; }
.calendarPresence		{ height: 30px; text-align: center; background-color: #DDFFDD; color: #633D32; font-size: 10px; overflow: hidden; }
.calendarPresenceReal	{ height: 30px; text-align: center; background-color: #7FDD7F; color: #633D32; font-size: 10px; overflow: hidden; }
.calendarAbsence		{ height: 30px; text-align: center; background-color: #FF0000; color: #FFFFFF; font-size: 10px; overflow: hidden; }
.calendarAutrePresence	{ height: 30px; text-align: center; background-color: #87CEFA; color: #633D32; font-size: 10px; overflow: hidden; }
.calendarAutrePresenceReal	{ height: 30px; text-align: center; background-color: #6495ED; color: #633D32; font-size: 10px; overflow: hidden; }
.calendarAutreAbsence	{ height: 30px; text-align: center; background-color: #FF00FF; color: #FFFFFF; font-size: 10px; overflow: hidden; }
.calendarTimeText		{ text-align: center; color: #633D32; text-decoration: underline; font-size: 10px; }
.calendarTimeTextAbsence{ text-align: center; color: #FFFFFF; text-decoration: underline; font-size: 10px; }

/*
** div.confirm	{ border-color: #9BAED8; border-style: solid; border-width: 1px; margin: 3px; padding: 3px; }
*/
div.confirm	{ border-color: orange; border-style: solid; border-width: 1px; margin: 3px; padding: 3px; }

/*
** SPAN
*/
span.menuItem		{  }
span.menuItemOver	{ background : #E9F2F8; border: solid #D3DBE8 1px; }
span.boy {  font-weight: bold;}
span.girl { font-weight: bold; }
span.warning { color:  red; font-weight: bold; }

span.activityReservationClose	{ color:  red; font-weight: bold; }
span.activityReservationOpen	{ color:  green; font-weight: bold; }
span.activityPeriod				{ font-weight: normal; font-style: bold; }
span.amountGenerationExplain	{ color:  black; font-weight: normal; font-style: italic;   }
span.infoInvoiceGeneration1		{ color:  black; font-weight: bold; font-style: italic; font-size: 12px ; }
span.infoInvoiceGeneration2		{ color:  black; font-weight: normal; font-style: italic; }

span.unitTitle    	 { font-size: 11px; color: black; font-weight: bold;  }

span.subscribeValidationMenuOn 	{ color: #F09D1D; font-weight: bold;color:#DE3831; top:10px;position:relative}
span.subscribeValidationMenuOut { color:  #000000 ;font-weight: normal;top:10px ;position:relative }

span.activityPaymentChoice	{ font-weight: bold; }

span.activityValidationOK		{ color:  green; font-weight: bold; }
span.activityValidationRunning	{  color: orange ; font-weight: bold; }

/*
** A
*/
a:link     		{ color: #0000FF; text-decoration: underline; }
a:visited  		{ color: #0000FF; text-decoration: underline; }
a:active   		{ color: #0000FF; text-decoration: underline; }
a:hover    		{ color: #F99A2F; text-decoration: underline; }

a.publicMenu:link     { color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.publicMenu:visited  { color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.publicMenu:active   { color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.publicMenu:hover    { color: #FFFFFF; font-weight: bold; text-decoration: none; }

a.adminMenu:link     { color: #FFFFFF; text-decoration: none; }
a.adminMenu:visited  { color: #FFFFFF; text-decoration: none; }
a.adminMenu:active   { color: #FFFFFF; text-decoration: none; }
a.adminMenu:hover    { color: #6D4B42; text-decoration: underline; }

a.adminPreview:link     { color: #000000; text-decoration: none; }
a.adminPreview:visited  { color: #000000; text-decoration: none; }
a.adminPreview:active   { color: #000000; text-decoration: none; }
a.adminPreview:hover    { color: #000000; text-decoration: underline; }

a.warning:link 		{ color : #FFFFFF ; text-decoration: underline; }
a.warning:visited	{ color : #FFFFFF ; text-decoration: underline; }
a.warning:active	{ color : #FFFFFF ; text-decoration: underline; }
a.warning:hover		{ color : #FFFFFF ; text-decoration: underline; }

a.messageMenu:link     { color: #FFFFFF; text-decoration: none; }
a.messageMenu:visited  { color: #FFFFFF; text-decoration: none; }
a.messageMenu:active   { color: #FFFFFF; text-decoration: none; }
a.messageMenu:hover    { color: #6D4B42; text-decoration: underline; }

a.activityTitle:link     { font-size: 11px;  text-decoration: none; }
a.activityTitle:visited  { font-size: 11px;  text-decoration: none; }
a.activityTitle:active   { font-size: 11px;  text-decoration: none; }
a.activityTitle:hover    { font-size: 11px;  text-decoration: underline; }

a.serviceTitle:link     { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.serviceTitle:visited  { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.serviceTitle:active   { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.serviceTitle:hover    { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline; }


a.unitTitle:link     { font-size: 11px; color: #F09D1D; font-weight: bold; text-decoration: none; }
a.unitTitle:visited  { font-size: 11px; color: #F09D1D; font-weight: bold; text-decoration: none; }
a.unitTitle:active   { font-size: 11px; color: #F09D1D; font-weight: bold; text-decoration: none; }
a.unitTitle:hover    { font-size: 11px; color: #F09D1D; font-weight: bold; text-decoration: underline; }

a.placeTitle:link     { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; }
a.placeTitle:visited  { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; }
a.placeTitle:active   { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; }
a.placeTitle:hover    { font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline; }

/*
** FORMS
*/
input			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
select			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/*
** FIELDSET
*/
fieldset { }
fieldset.search		{ border-color: #9BAED8; border-style: solid; border-width: 1px; }
fieldset.warning	{ border-color: #9BAED8; border-style: solid; border-width: 1px; background-color: #9BAED8; }
legend.search		{ color: #633D32; font-weight: bold;}

/*
* PRINT COLOR
*/
.printColor 	{ background-color:  #9BAED8;  }
.printBorder	{ padding: 10px; border: 1px solid #9BAED8; }

/*
* ADMIN 
*/
.hrAdmin		{ color: #FFC83C ;}
.spaceAdmin		{ color: #6D4B42; font-size: 22px;	}
.imgHeaderAdmin	{ border: solid 1px #9BAED8; }
.underlineAdmin	{ border-top: solid 5px #9BAED8; }
.footerAdmin	{ border-top: solid 1px #9BAED8; }

/*
*	FOOTER
*/
div.delimiter	{ border-bottom: dashed 1px #EEEEEE ;	}

/*
** FIELDSET
*/
fieldset 		{ border-color: #9BAED8; border-style: solid; border-width: 1px; }
legend			{ color: #633D32; font-weight: bold;}

/*
* 	HEADER
*/
.imgHeader		{ border:0px;display:none; }
.subtitleHeader	{ background-color: #9BAED8; height: 20px; text-align: center; color: white; font-weight: bold; font-size: 12px; display:none; }


/*
*	PICTURE LIBRARY
*/
a.displayInfo:link     { font-size: 11px; color: #AAAAAA; text-decoration: none }
a.displayInfo:visited  { font-size: 11px; color: #AAAAAA; text-decoration: none }
a.displayInfo:active   { font-size: 11px; color: #AAAAAA; text-decoration: none }
a.displayInfo:hover    { font-size: 11px; color: #AAAAAA; text-decoration: underline }
div.cell		{ padding: 1px; border: 1px solid #D3DBE8; }
td.titleTab		{ font-weight: bold; background-color: #D3D4D6 }
a.menuKernel:link     { font-size: 11px; color: #000000; text-decoration: none }
a.menuKernel:visited  { font-size: 11px; color: #000000; text-decoration: none }
a.menuKernel:active   { font-size: 11px; color: #000000; text-decoration: none }
a.menuKernel:hover    { font-size: 11px; color: #000000; text-decoration: underline }


/*
*	REGIE
*/
span.regieHelp	{ font-style: italic;}


/*
* MESSAGE TOOLS
*/
.messageTools { margin-top: 5px; background-color: #9BAED8; padding: 3px ; text-align: left; color: white; font-weight: normal; font-size: 12px;  }
.messageContent { margin-top: 10px;   background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  }
#messageView {padding: 10px; border: 1px solid #9BAED8; }
.messageTitle { font-weight: bold; font-size: 12px } 
.messageContentTextarea { padding: 10px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #9BAED8; }
.messageSuccess { text-align: center; font-weight: bold; }

a.linkButton	{	
	background-color:#B2BFDF;
	padding:0px 10px;
	padding-bottom:2px;
	padding-left:50px;
	color:#FFFFFF; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:15px;
	background-image:url('/maelisportail/custom/img/module/form/_but_maelis.gif');
	background-repeat:no-repeat;
	white-space: nowrap;
}

input.linkButton	{	
	background-color:#B2BFDF;
	padding:0px;
	height:20px;
	padding-left:50px;
	padding-right:2px;
	color:#FFFFFF; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:15px;
	background-image:url('/maelisportail/custom/img/module/form/_but_maelis.gif');
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
	white-space: nowrap;
}

#suggestDiv {border: 1px solid #8FABFF; visibility:hidden; text-align: left;  white-space: nowrap; background-color: #eeeeee;}
.suggestions { font-size: 14;background-color: #eeeeee;  }
.suggestionMouseOver { font-size: 14;background: #3333ff; color: white;  cursor:pointer; }

///

body, div, ul, li, table, td, tr{
font-family: "Trebuchet MS" !important;
font-size: 30px;
text-align: justify;
}

body{
background:none;  
}
body.div.table {
margin: 0;
padding: 0;
border: 0;
outline: 0;
z-index:10;
//visibility:hidden;
background:white;
}


.class, #contentPrint{
visibility:visible;
background:white;
}

a,a:visited ,a:link {
color: #595959;
font-size: 10px;
}

h1{
margin: 0px 244px 8px 0px !important;
padding: 0 !important;
font-size: 14px;
color: #DE3831;
font-weight: bold;
border-bottom: 1px solid #C32922;
width:90%;
}

div.cellTitle{
padding: 5px;
font-weight: bold;
color: #373737; 
width:90%;
background:#f1f1f1;
}

div.cellTitle:before {
  content: '# ';
  color:#de3831;
}

fieldset.search {
border-color: #404040;
border-style: solid;
border-width: 1px;
}


fieldset.warning {
border-color: red;
border-style: solid;
border-width: 1px;
background-color: #E3DFD3;
}
.warningInscription, .warning,td.warningInscription	,a.warning:hover ,a.warning:visited ,a, a:link {
color: #333333;
}

td.cellTitle {
font-weight: bold;
color: #DE3831;
border-bottom: 1px solid #C32922;
background-color: white;
}

div.login {
display:none;
border-top: 1px solid #b7b3aa;
border-right: 1px solid #b7b3aa;
height: 20px;
}

#contentPrint{
	valign-top;
}


/*
 * New menu
 */

h1, div.cellTitle
{
	width: 100% !important;
}

#menu_td
{
	width: 260px;
	background:#f1f1f1;
}
 
div.menu, div.menu *
{
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#main_tab
{
	/*background-image: url('/maelisportail/custom/img/module/home/frame/menu_border.png');
	background-repeat: repeat-y;
	background-position: 259px top;*/
}

div.menu
{
	margin: 0;
}

div.menu div.item
{
	background-color: white;
	border-bottom: 1px solid #dddddd;
	border-top: 0;
	border-left: 1px solid #dddddd;
	border-right: 0;
}

div.menu div.item.menuItem
{
	background-color: #f1f1f1;
	width: 97%;
}

div.menu h3
{
	height: 21px;
	margin: 10px 0px 5px 5px;
	padding-top: 5px; 
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.menu div.menuItemOver h3
{
	background-position: left top;
}

div.menu h3 a
{
	color: #373737 !important;
	font-size: 13px;
	
	text-transform: upper;
}

div.menu div.menuItemOver h3 a, div.menu h3 a:hover
{
	color: #df3830 !important;
}

div.menu ul
{
	margin-left: 30px;
	margin-bottom: 10px;
	list-style-type: square;
	color: #bababa;
	font-size: 0.7em;
}

div.menu li a
{
	color: #333333 !important;
	font-size: 1.45em;
	text-decoration: none;
}

div.menu li a:hover
{
	color: #df3830 !important;
}

div.menu div.item.ape 			h3 { background-image: url('/maelisportail/custom/img/module/home/icons/ape.png'); }
div.menu div.item.family 		h3 { background-image: url('/maelisportail/custom/img/module/home/icons/family.png'); }
div.menu div.item.account 		h3 { background-image: url('/maelisportail/custom/img/module/home/icons/account.png'); }
div.menu div.item.rate 		h3 { background-image: url('/maelisportail/custom/img/module/home/icons/rate.png'); }
div.menu div.item.activity 	h3 { background-image: url('/maelisportail/custom/img/module/home/icons/activity.png'); }
div.menu div.item.reservation 	h3 { background-image: url('/maelisportail/custom/img/module/home/icons/reservation.png'); }
div.menu div.item.scolaire 	h3 { background-image: url('/maelisportail/custom/img/module/home/icons/scolaire.png'); }
div.menu div.item.message 		h3 { background-image: url('/maelisportail/custom/img/module/home/icons/message.png'); }
div.menu div.item.formulaire 	h3 { background-image: url('/maelisportail/custom/img/module/home/icons/formulaire.png'); }
div.menu div.item.information 	h3 { background-image: url('/maelisportail/custom/img/module/home/icons/information.png'); }

#contentPrint
{
	/*border-bottom: 2px solid #df3830;*/
	/*border-top: 1px solid #b7b3aa;*/
	/*border-right: 1px solid #b7b3aa;*/
	padding: 10px;
}

hr
{
	height: 1px;
	background: #dddddd;
	border: 0;
}

#submitSearch{
	background-image: url('/maelisportail/custom/img/module/form/_but_maelis.gif');
	color: white;
	border: 0px;
		padding:0px 10px;
	padding-bottom:2px;
	padding-left:20px;
	height:20px;
}