/*
** BODY
*/
body			{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
				  background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

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

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

/*
** P
*/
p.bold			{ font-weight: bold; }
p.error			{ color: #E00; }
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: #E00; }

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

/*
** TD
*/
td.bold			{ font-weight: bold; }
td.cellTitle, th.cellTitle, caption	{ 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.propValueAsLabel	{ max-height: 3rem; display: block; overflow-x: auto; background-color: #E0E0E0; width:320px;padding:3px;}  */
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: #F09D1D; font-weight: bold; }
td.tresorerieHeader	{ color: #F09D1D; 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; }


.verticalCenter{display: flex; align-items: center;}

.activityPlaceDescriptionTitle		{ padding: 2px; font-style: italic; }
.activityPlaceDescriptionContent	{ padding: 2px; padding-left: 10px; font-style: normal; }
.activityContentTextarea, .activityContentTextarea2 { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 0px; }
.activityContentTextarea2 { width: 100%; min-height: 4em; min-width: 35em; }

/*
** TR
*/
tr.paireTab		{ background-color:  #EEEEEE ;}
tr.impaireTab	{ background-color:  #FFFFFF ;}
tr.highlight	{ background-color:  #B2BFDF ;}

tr.notViewed, th.notViewed, td.notViewed, div.notViewed { display:none; visibility:hidden;}

/*
** HR
*/
hr		{ border: 0; height: 1px; background-color: #808080;}

/*
** 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: #E00; }
div.warning		{ color: #E00; }
/* Messages accompagnant certaines cases à cocher lorsque celles-ci sont cochées. */
span.warnMessage, span.warnMessageVisible { color: rgba(29, 89, 210, 0.8); }
span.warnMessage { display: none; }

div#uploadForm	{ visibility: hidden; width: 400px; padding: 3px; background-color: #E5EAF5;}
div.itemProposal 	{ z-index: 10; position: absolute; padding: 3px; background-color: #FDFFC9; border: 1px solid #999999; visibility: hidden; width: auto; height: 12em; overflow-y: scroll; }
div.question	{ background-color: #EEEEEE; padding-bottom:5px;}
//div.login		{ background-color: #EEF1F8; }
div.login		{ font-size: 13px; background-color: #EEF1F8; font-weight: bold; } 
div.fieldset	{ padding: 4px; line-height: 1.5em;}
div.detail		{ padding: 3px; background-color: #FDFFC9; }

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: #9BAED8; border-style: solid; border-width: 1px; background-color: #EEF1F8; padding: 5px;  }
div.helpTitle	{  color: #F09D1D; font-weight: bold;   } 

div.activityDescription {padding: 5px ; }
div.activityDescriptionTab {padding: 5px ; padding-left: 2px; }
div.unitTitle			{ font-size: 11px; color: #F09D1D; 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: 100px}

div.cellService	{ padding: 1px; font-weight: bold; color: #FFFFFF; background-color: #F09D1D; }
div.cellActivity { }

div.subscribeValidationMenuOn 	{ text-align: center; width: 30px; font-size: 26px; border: 1px solid #F09D1D; color: #F09D1D; font-weight: normal;  }
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: 0px; }
div.activityDescriptionInCatalog	{ padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }

div.activityAmount {  font-weight: bold; border-bottom: 1px dashed #DDDDDD; color: red; }

.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 { color:  #F09D1D; font-weight: bold;}
span.girl { color:  #F09D1D; 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: italic; }
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: #F09D1D; font-weight: bold;  }

span.subscribeValidationMenuOn 	{ color: #F09D1D; font-weight: bold;  }
span.subscribeValidationMenuOut { color:  #000000 ; font-weight: normal;  }

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; }
fieldset.notViewed  { display:none; visibility:hidden;}
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	{ max-height: 70px; }
.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;}


.field-set { margin-top: 1.5em; margin-bottom: .5em; border: 1px solid #9BAED8; border-radius: 3px; padding: 1em; background-color: #FFF; }
.field-set-legend { position: relative; top: -1.9em; display: inline-block; font-weight: bold; color: #633D32; background-color: #FFF; padding: 0.4em 1em; border: 1px solid #000; border-radius: 3px; }
.field-set-body  { position: relative; top: -.5em; }

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


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

pre.messageContent {
	word-break: normal;
}

/*
* BUTTON
*/
/*
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 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;
	border:0px;
	cursor:pointer;
	white-space: nowrap;
}
*/
.linkButton, .linkButtonSave, .linkButtonAdd, .linkButtonUpdate, .linkButtonDelete, 
.linkButtonPrevious, .linkButtonNext, .linkButtonCancel, .linkButtonValidate {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.linkButton:link, .linkButtonSave:link, .linkButtonAdd:link, .linkButtonUpdate:link, .linkButtonDelete:link, 
.linkButtonPrevious:link, .linkButtonNext:link, .linkButtonCancel:link, .linkButtonValidate:link,
.linkButton:visited, .linkButtonSave:visited, .linkButtonAdd:visited, .linkButtonUpdate:visited, .linkButtonDelete:visited,
.linkButtonPrevious:visited, .linkButtonNext:visited, .linkButtonCancel:visited, .linkButtonValidate:visited,
.linkButton:active, .linkButtonSave:active, .linkButtonAdd:active, .linkButtonUpdate:active, .linkButtonDelete:active,
.linkButtonPrevious:active, .linkButtonNext:active, .linkButtonCancel:active, .linkButtonValidate:active,
.linkButton:hover, .linkButtonSave:hover, .linkButtonAdd:hover, .linkButtonUpdate:hover, .linkButtonDelete:hover,
.linkButtonPrevious:hover, .linkButtonNext:hover, .linkButtonCancel:hover, .linkButtonValidate:hover{
	color: #fff !important;
    text-decoration: none;
}

.linkButton{
    color: #fff !important;
	background-color: #337ab7;
	border-color: #2e6da4;
}
.linkButton:hover {
    color: #fff !important;
  	background-color: #286090;
	border-color: #204d74;
}


.linkButtonSave, .linkButtonValidate {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.linkButtonSave:hover, .linkButtonValidate:hover {
	color: #fff !important;
	background-color: #449d44;
	border-color: #398439;
}

.linkButtonAdd, .linkButtonValidate {
	color: #fff !important;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.linkButtonAdd:hover, .linkButtonValidate:hover {
	color: #fff !important;
	background-color: #31b0d5;
	border-color: #269abc;
}

.linkButtonUpdate {
	color: #fff !important;
	background-color: #337ab7;
	border-color: #2e6da4;
}
.linkButtonUpdate:hover {
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.linkButtonDelete {
	color: #fff !important;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.linkButtonDelete:hover {
	color: #fff !important;
	background-color: #c9302c;
	border-color: #ac2925;
}


.linkButtonPrevious:link, .linkButtonNext:link, .linkButtonCancel:link,
.linkButtonPrevious:visited, .linkButtonNext:visited, .linkButtonCancel:visited,
.linkButtonPrevious:active, .linkButtonNext:active, .linkButtonCancel:active,
.linkButtonPrevious:hover, .linkButtonNext:hover, .linkButtonCancel:hover {
	color: #333 !important;
    text-decoration: none;
}

.linkButtonPrevious, .linkButtonNext, .linkButtonCancel {
	color: #333 !important;
	background-color: #efefef;
	border-color: #ccc;
} 
.linkButtonPrevious:hover, .linkButtonNext:hover, .linkButtonCancel:hover {
	background-color: #e6e6e6;
    border-color: #adadad;
} 

/* Media queries pour les formulaire avec Tab */
@media (max-width: 768px) {
  #stepTabsContainer #stepTabsHeader td {
	display: block;
	}
}



/* Style pour les images servant de bouton */
.img-button:hover { cursor: pointer; }

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

/* Centrage des boutons (notamment dans les tableaux) */
.centeredButtons {text-align: center;}

.phone { text-align: center;}




input.badStartOrEndTime {
	background-color: #F4D8EB;
	color: #8B0097;
	font-weight: bold;
}


input.time {
	width: 5em;
}




div.RELANCE_ABANDON,
div.RELANCE_RENOUV,
div.PROPO_ACCEPT,
div.PROPO_REFUSRENOUV,
div.PROPO_REFUSCLOT,
div.PROPO_CLOREFUSFAM,
div.REJET_RENOUV,
div.REJET_ABANDON,
div.PROG_CLOFAM,
div.PROPOM_RENOUV,
div.CLOTURE_CLOADMIN,
div.REFUS_CLOREFUS,
div.REFUS_RENOUV { padding-top: 5px; }
	
div.CLOTURE_CLOFAM  { display:none; visibility:hidden; } 



div.ClotureOnRELANCE_ABANDON 	{ display:none; visibility:hidden; }
div.ClotureOnRELANCE_RENOUV 	{ display:none; visibility:hidden; }
div.ClotureOnPROPO_ACCEPT 		{ display:none; visibility:hidden; }
div.ClotureOnPROPO_REFUSRENOUV 	{ display:none; visibility:hidden; }
div.ClotureOnPROPO_CLOREFUSFAM 	{ visibility:visible; }
div.ClotureOnPROPO_REFUSCLOT 	{ visibility:visible; }
div.ClotureOnREJET_RENOUV 		{ display:none; visibility:hidden; }
div.ClotureOnREJET_ABANDON 		{ visibility:visible; }
div.ClotureOnPROG_CLOFAM 		{ display:none; visibility:hidden; }
div.ClotureOnPROPOM_RENOUV 		{ display:none; visibility:hidden; }
div.ClotureOnPROPOM_ABANDON 	{ visibility:visible; }
div.ClotureOnREFUS_CLOREFUS		{ visibility:visible; }
div.ClotureOnREFUS_RENOUV 		{ visibility:visible; }



div.ClotureOffRELANCE_ABANDON 	{ visibility:visible; }
div.ClotureOffRELANCE_RENOUV 	{ visibility:visible; }
div.ClotureOffPROPO_ACCEPT 		{ visibility:visible; }
div.ClotureOffPROPO_REFUSRENOUV { visibility:visible; }
div.ClotureOffPROPO_CLOREFUSFAM { display:none; visibility:hidden; }
div.ClotureOffPROPO_REFUSCLOT 	{ display:none; visibility:hidden; }
div.ClotureOffREJET_RENOUV 		{ visibility:visible; }
div.ClotureOffREJET_ABANDON 	{ display:none; visibility:hidden; }
div.ClotureOffPROG_CLOFAM 		{ visibility:visible; }
div.ClotureOffPROPOM_RENOUV 	{ visibility:visible; }
div.ClotureOffPROPOM_ABANDON 	{ display:none; visibility:hidden; }
div.ClotureOffREFUS_CLOREFUS	{ display:none; visibility:hidden; }
div.ClotureOffREFUS_RENOUV 		{ display:none; visibility:hidden; }




fieldset.DECICOM	{ display: inline; visibility: visible; background-color: #EDEDED; border-color: #FFFFFF; border-style: solid; border-width: 1px; width: 90%; font-weight: bold;}
legend.DECICOM		{padding: 5px; padding-top: -2px; color: #FFFFFF; border-color: #FFFFFF; font-weight: bold; font-size: 11px; border-style: solid; border-width: 1px; border-top: -5px; background-color: #009FE0;}
textarea.DECICOM 	{background-color: #EDEDED; border: 0px; outline: none; resize: none; overflow: hidden;}

	
table.monit { width: 100%; padding-left: 0px; padding: 2px;  border: solid; border-color: #575756; border-width: 1px;}

.monit td {
	color : #E5035F;
	background-color: #EDEDED;
}


fieldset.town	{ display: inline; visibility: visible; background-color: #EDEDED; border-color: #FFFFFF; border-style: solid; border-width: 1px; width: 90%; font-weight: normal;}
legend.town		{padding: 5px; padding-top: -2px; color: #FFFFFF; border-color: #FFFFFF; font-weight: bold; font-size: 11px; border-style: solid; border-width: 1px; border-top: -5px; background-color: #009FE0;}
div.town 		{background-color: #EDEDED; border: 0px; outline: none; resize: none; overflow: hidden;}

a.initDialog:hover    		{ color: red; text-decoration: underline; }


.dialog-histo-evenements table {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 0px; 
	font-size: 12px;
	width: 100%;
}
.dialog-histo-evenements th	{ 
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #009FE0;
}

table.partner {	border-style: none; padding: 30px; }

td.partnerTdLeft { 
	padding: 10px;
	text-align: right;
}
td.partnerTdRight { 
	text-align: left;
}

input.title { font-size: 12px; color: #F09D1D;  font-weight: bold; font-style: italic;  width: 700px;}
div.title	{ font-size: 12px; color: #F09D1D;  font-weight: bold; font-style: italic; }

table.export { width: 100%; padding-left: 0px; padding: 2px;  border: solid; border-color: #575756; border-width: 1px;}

.export td {
	color : #E5035F;
}
td.stitle { padding: 10px; color: #F09D1D; font-size: 12px; font-weight: bold; font-style: italic; }


.custom-ui-tooltip {
	max-width: 500px !important;
    border-radius: 20px !important;
	padding: 10px 20px;
} 
.arrow:after {
	background-color: rgba(192, 192, 192, 1);
    border: 2px solid rgba(192, 192, 192, 1);
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px rgba(255, 255, 255, 1);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}
td.activityShoppingcartQuantity {
	width: 90px;
}


table.field-definitions { border-bottom: 1px dashed #DDDDDD; width: 100%; }
table.field-definitions > tbody > tr > td { width: 25%; white-space: nowrap } 


.full-width { width: 100%; }
.full-height { height: 100%; }

.minimal-width { width: 1px; } 

.nowrap { white-space: nowrap; }


.align-left,	.align-left-middle,		.align-left-top,	.align-left-bottom		{ text-align: left; }
.align-center,	.align-center-middle,	.align-center-top,	.align-center-bottom	{ text-align: center; }
.align-right,	.align-right-middle,	.align-right-top,	.align-right-bottom		{ text-align: right; }
.align-top,		.align-center-top,		.align-left-top,	.align-right-top		{ vertical-align: top; }
.align-middle,	.align-center-middle,	.align-left-middle,	.align-right-middle 	{ vertical-align: middle; }
.align-bottom,	.align-center-bottom,	.align-left-bottom,	.align-right-bottom 	{ vertical-align: bottom; }

.displayInfo { margin-bottom: 1em; }
.admin-param-subtitle { 
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(137, 137, 137, 0.25);
	color: #5C4F4F;
	background-color: rgba(173, 213, 224, 0.3);
	margin: 1em 0;
	padding: 0.5em; 
	width: auto; 
	border: 1px solid #FFF;
	border-radius: 3px;
	box-shadow: 0px 3px 3px -5px rgba(101, 101, 101, 0.3);
}
ul.admin-param-menu { line-height: 2.5em; list-style-type: square; }

.menuType {
    list-style-type: square;
}
.subMenuType {
    list-style-type: circle;
}

div.module-background-container { text-align: center; width: 100%; } 


.mae-ui-tooltip { background-color:white !important; background-image: none !important; font-size: 1.1em !important; max-width: 500px !important; border-width: 1px !important; border-radius: 2px !important; rgba(212, 212, 212, 0.6) !important; padding: 0.4em !important; box-shadow: 1px 1px 5px -4px #AAA !important; }
.mae-ui-tooltip img { margin: 5px; vertical-align: middle; box-shadow:0 0 3px 2px #DDD; background-color: rgba(255,255,255, 1); }
.mae-ui-tooltip ul li { padding-left: 10px; margin-left: 20px; } /* Positionne les puces correctement si présente dans un tooltip jQueryUI */
.mae-ui-tooltip .ui-state-error { border: none; box-shadow: none; } /* Suppression cadre rouge et ombre superflus des tooltips affichant un texte d'erreur/avertissement */

.mae-main-message-ui-dialog { min-width: 20em; }
.mae-ui-dialog-messages-container { width: 50em; }
.mae-ui-dialog-messages-container > div > div { margin: .5em .2em; }

.mae-ui-select { height: auto !important; max-height: 18em !important; }


.displayed-schedule-month-label { padding: .5em 0; font-size: 1.4em; font-weight: bold; }
.person-schedule button { outline: none; } 
.person-schedule table.activity-schedule { border-collapse: collapse; box-shadow: 2px 2px 8px -7px rgba(0, 0, 0, 0.29); border-radius: 0px; border: 1px solid rgb(231, 231, 231); margin: 1em 0; width: 100%; }
.person-schedule table.activity-schedule td { min-width: 1.4em; padding: 0; margin: 0; }

.person-schedule table.activity-schedule-action-bar .activity-schedule-action-container { text-align: right; }

.person-schedule td.activity-schedule-header-cal-day-cell { padding-bottom: 0 !important; }
.person-schedule td.activity-schedule-header-cal-day-cell,
.person-schedule td.activity-schedule-default-cal-day-cell { text-align: center; border-right: 1px solid rgba(135, 135, 135, 0.14); }
.person-schedule td.activity-schedule-default-cal-day-cell.act-label  { background: linear-gradient(180deg, rgb(254, 254, 254), rgb(225, 225, 225)); border-top: 1px solid rgba(212, 212, 212, 0.16); border-bottom: 1px solid rgba(186, 186, 186, 0.4); padding: 0; }
.person-schedule td.activity-schedule-default-cal-day-cell.unit-label { background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(239, 239, 239, 0.38)); text-align: right; padding: 0; }

.person-schedule td.activity-schedule-header-cal-day-cell.current-day-of-month,
.person-schedule td.activity-schedule-default-cal-day-cell:not(.NO_CUSTODY).current-day-of-month { background-color: rgba(255, 224, 159, 0.28) !important; }
.person-schedule td.activity-schedule-default-cal-day-cell.NO_CUSTODY.current-day-of-month { background-color: rgba(200, 100, 100, 0.55) !important; }

.person-schedule td.activity-schedule-header-cal-day-cell.first-day-of-month { border-left: 1px solid rgba(135, 135, 135, 0.14); }
.person-schedule td.activity-schedule-header-cal-day-cell.first-day-of-month,
.person-schedule td.activity-schedule-default-cal-day-cell.first-day-of-month {  }
.person-schedule td.activity-schedule-default-cal-day-cell:not(.act-label):not(.unit-label):not(.NO_READ):not(.NO_CUSTODY):hover { background: rgba(0, 255, 3, 0.22); }

.person-schedule td.activity-schedule-header-cal-day-cell.samedi,	
.person-schedule td.activity-schedule-header-cal-day-cell.dimanche, 	
.person-schedule td.activity-schedule-default-cal-day-cell.NO_READ { background: linear-gradient(-45deg, rgba(242, 242, 242, 0.91), rgb(255, 255, 255)); }
.person-schedule td.activity-schedule-default-cal-day-cell.NO_CUSTODY { background-color: rgba(86, 86, 86, 0.5); }
.person-schedule td.activity-schedule-default-cal-day-cell.READ_ONLY { }
.person-schedule td.activity-schedule-default-cal-day-cell.WRITABLE { }

.person-schedule table td.activity-schedule-person-info { white-space: normal; word-break: break-word; font-weight: bold; font-size: 1.2em; color: #3f3f3f; padding: .2em; text-shadow: 0px 1px 1px RGBA(0, 0, 0, 0.2);  border-right: 1px solid rgba(135, 135, 135, 0.14); width: 30%; }
.person-schedule .activity-schedule-act-label 	 { font-size: 1.1em; color: #3b3b3b; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); text-align: left; box-shadow: 0px 1px 5px -4px rgba(110, 110, 110, 0.66); padding: 0.2em;}
.person-schedule .activity-schedule-act-unit-label {color: #3b3b3b; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); text-align: right; display: inline-block; vertical-align: top; padding-right: 0.5em; line-height: 2em; border-right: solid 1px #aaa; margin-right: -4px; }
.person-schedule label.checkboxActivity {padding-bottom: 6px}
.formHeaderXs,
.accountConsult div.filterXs {
	display:none
}

@media screen and (max-width: 970px) {

  .bloc,
  .formHeaderXs,
  .accountConsult div.filterXs {
	display:block;
	clear:both;
  }  
  
  .person-schedule td.activity-schedule-default-cal-day-cell.unit-label { background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(239, 239, 239, 0.38)); text-align: right; padding: 0}
  .person-schedule td.activity-schedule-default-cal-day-cell{min-height:27px}
  .person-schedule div.activity-schedule-act-unit-label { font-size: 1em; color: #3b3b3b; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); display: inline-block; vertical-align: top; padding-left: 0.5em; line-height: 2.15em; border-right: none; margin-right: -4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:18em; }
  .person-schedule button.row-selector {display:none!important}
  .person-schedule div.activity-schedule-act-label 	 {font-size: 1em; font-weight: bold; color: #3b3b3b; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); text-align: left; box-shadow: 0px 1px 5px -4px rgba(110, 110, 110, 0.66); padding: 0.2em; white-space: normal !important; max-width: none !important; }
  .person-schedule td.act-label {border-right: none}
  
  .accountConsult #invoiceSelection{width:40px}
  .accountConsult #selectOptionInvoincesStatus{justify-content: center}
  .accountConsult td.initAmount{white-space:nowrap; width:85px}
  .accountConsult td.initAmountHeader{width:85px}
  .accountConsult td.invoiceDate,.accountConsult td.dueDate, .accountConsult div.selectionIcon {text-align:center}
  .accountConsult td.amountDue{padding:0px; width: 100px; white-space:nowrap;}
  .accountConsult td.amountDueHeader{width: 100px}
}
@media screen and (max-width: 480px) {
	.person-schedule div.activity-schedule-act-unit-label {
		max-width: 15em;
	}
}

button.activity-schedule-button {
	cursor: pointer;
	border-width:0px;
	line-height: 2em;
	width: 100%;
}

button.activity-schedule-button:disabled {
	cursor: not-allowed;
	opacity: .3;
}

button.activity-schedule-button:disabled.linkButtonSave {
	color: #DDD; 
}

button.activity-schedule-button:hover:not(:disabled) { color: #FFAE53; }


.person-schedule div.activity-schedule-message-container {
	white-space: normal;
	padding-left: 0.5em;
	color: #ffa200;
	text-shadow: 0px 0px 1px #CCC;
}

.person-schedule div.cal-header-day-of-month { font-weight: bold; }
.person-schedule div.cal-header-day-of-week { border-bottom: 1px solid #aaa; }   

.person-schedule button.col-selector { height: 2em; }
.person-schedule button.col-selector,
.person-schedule button.row-selector { color: #0000ff; cursor: pointer; font-weight: bold; background-color: transparent; border: none; text-shadow: 0px 1px 1px #CCC; }

.person-schedule button.col-selector { padding: 0; width: 100%; }
.person-schedule button.row-selector { display: inline-block; padding : 0 0.2em 0 0.4em; height: 100%; line-height: 2em; }

.person-schedule button.col-selector:not(:disabled):hover,
.person-schedule button.row-selector:not(:disabled):hover,
.person-schedule .col-row-selection { background-color: rgba(0, 255, 3, 0.22); }

.person-schedule button.col-selector:disabled,
.person-schedule button.row-selector:disabled { color: rgba(195, 195, 195, 0.47); text-shadow: none; cursor: default; }

/* Base for label styling */
.person-schedule [type="checkbox"]:not(:checked),
.person-schedule [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
.person-schedule [type="checkbox"]:not(:checked) + label,
.person-schedule [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 18px;
	cursor: pointer;
}

/* checkbox aspect */
.person-schedule [type="checkbox"]:not(:checked) + label:before,
.person-schedule [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 1px;
	top: -2px;
	width: 16px;
	height: 16px;
	border: 1px solid rgba(128, 128, 128, 0.5);
	background: transparent;
}

/* checked mark aspect */
.person-schedule [type="checkbox"]:not(:checked) + label:after,
.person-schedule [type="checkbox"]:checked + label:after {
	content: '\2714'; 
	position: absolute;
	top: -5px;
	left: 4px;
	font-size: 1em;
	color: #ffa71e;
	line-height: 1.75;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(137, 137, 137, 0.45);
}
/* checked mark aspect changes */
.person-schedule [type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.person-schedule [type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/* disabled checkbox */
.person-schedule [type="checkbox"]:disabled:not(:checked) + label:before,
.person-schedule [type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: rgba(187, 187, 187, 0.26);
	background-color: #e9e9e9;
}
.person-schedule [type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
.person-schedule [type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */
.person-schedule [type="checkbox"]:checked:focus + label:before,
.person-schedule [type="checkbox"]:not(:checked):focus + label:before {
	border-style: dashed;
}


.person-schedule [type="checkbox"][data-absence=true]:not(:checked) + label:after {
	content: '\2716'; 
	left: 4px;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	color: rgba(180, 36, 36, 0.55);
}


.person-schedule [type="checkbox"][data-absence=true]:disabled:not(:checked) + label:after { color: #999; }



@-webkit-keyframes person-schedule-userSelectionRequired	{ from { color: white; } to { color: #ff5555; } }
@keyframes person-schedule-userSelectionRequired			{ from { color: white; } to { color: #ff5555; } }

.person-schedule [type="checkbox"].user-decision-required + label:before {
	content: '?';
	font-size: 1em;
	color: #ff5555;
	font-weight: bold;
	z-index: 4;
	-webkit-animation: person-schedule-userSelectionRequired 0.15s infinite alternate; /* Chrome, Safari, Opera */
    animation: person-schedule-userSelectionRequired 0.15s infinite alternate;
}



.loading-modal {
	display:none; position:fixed; z-index:10000; top:0; left:0; height:100%; width:100%;
	background: rgba( 255, 255, 255, .5 ) url('/maelisportail/custom/img/loading.gif') 50% 50% no-repeat;
}

.mae-theme .ui-progressbar { display:none; position:fixed; z-index:10001; top:60%; left:45%; width:20%; border-color: white !important; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24); }
.mae-theme .ui-progressbar-value { background-color: rgb(240, 157, 29) !important; }
.mae-theme .progress-label { float: left; text-align: center; width: 100%; height: 100%; vertical-align: middle; line-height: 2em; font-weight: bold; color: black; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.17); }


.mae-theme .ui-datepicker select.ui-datepicker-month,
.mae-theme .ui-datepicker select.ui-datepicker-year {
    font-weight: initial;
    display: inline-block;
    padding: 0.2em;
    margin: 0 0.2em !important;
}

.mae-theme .ui-autocomplete { height: 10em; overflow-y: scroll; }

body.loading { overflow: hidden; } 
body.loading .loading-modal { display: block; } 


.mae-ui-required-field-label { font-weight: bold; }

.mae-main-message-ui-dialog .mae-editable-field-block { width: 30em; height: 2em; vertical-align: middle; border: 1px solid black; line-height: 2em; padding: .2em; overflow: hidden; }


fieldset.noborder { border: none; }

.left-side-buttons  { float: left; }
.right-side-buttons { float: right; }

.img-preview-button { max-width: 100%; max-height: 100%; cursor: pointer; margin-top: 1em;}
.img-preview-button.doc-not-previewable { cursor: default; }
.img-preview-button.filled { box-shadow: 0px 0px 4px -1px rgba(107, 107, 107, 0.34); }
.doc-preview-container { width: 4em; max-height: 6em; }
.doc-preview-container.maximize-doc-preview { z-index: 1000; min-height: 100%; min-width: 100%; position: fixed; top: 0; bottom: 0; right: 0; left: 0; cursor: pointer; background-color: rgba(255, 255, 255, 0.68); }
.doc-preview-container.maximize-doc-preview .img-preview-button.filled { max-width: 90%; max-height: 90%; box-shadow: 1px 1px 7px -3px rgba(107, 107, 107, 0.64); background-color: white; position: absolute !important; margin: auto; cursor: move; }
.close-preview { background-color: white; font-family: Arial, Verdana, Sans serif; font-size: 1.1em; font-weight: bold; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 14px; text-align: center; box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.67); text-shadow: 1px 1px 2px rgba(170, 170, 170, 0.68); cursor: pointer; }
.newdoc-requirements { font-size: .9em; }


.api-particulier-rl1-numAlloc,
.api-particulier-rl1-addressZipcode { text-align: center; }


.school2 .child-school-info .child-name      { font-weight: bold; font-size: 1.2em; }
.school2 .child-school-info .child-bithdate  { font-style: italic; font-size: .98em; padding: .5em 0; }

.school2 .child-school-info .school-year-info { }
.school2 .child-school-info .no-next-year-preregistration,
.school2 .child-school-info .school-establishement-label,
.school2 .child-school-info .school-registration-date-label,
.school2 .child-school-info .school-registration-level-label { font-weight: bold; }

.school2 .child-school-info .school-year-registration { padding: .5em; background-color: rgba(248, 248, 248, 0.5); border: 1px solid rgb(255, 255, 255); box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.31);}
.school2 .child-school-info .school-year-registration-label { font-weight: bold; }
.school2 .child-school-info .school-year-registration-status,
.school2 .child-school-info .school-year-derog-registration-status { background-color: rgb(255, 255, 174); padding: 1em; white-space: normal; box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.31); border: 1px solid rgb(255, 255, 255); }

.school2 .child-school-years { width: 100%; }
.school2 .child-school-years tr { border-bottom: 1px solid grey; }
.school2 .registration-step { display: none; padding: 1em; }
.school2 .registration td.checkboxes-col { width: 2em; text-align: center; vertical-align: top; }

.school2 .registration .child-identity  { padding: 1em 1em 1em 0; }
.school2 .registration .child-name { font-weight: bold; font-size: 1.2em; }

.school2 .registration .step-tabs { margin: 1em 0; min-height: 25em; border: 1px solid rgba(189, 189, 189, 0.7); box-shadow: 0px 0px 10px -8px rgba(107, 107, 107, 0.47); }
.school2 .registration .step-tabs-header { table-layout: fixed; border-spacing: 0; width: 100%; background-color: rgba(221, 221, 221, 0.3); }
.school2 .registration .step-tab-header { font-weight: bold; color: rgb(125, 125, 125); font-size: 1.1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); vertical-align: top; padding: 1em; border-bottom: 1px solid rgba(189, 189, 189, 0.7); box-shadow: inset 0px -1px 7px -6px rgba(65, 65, 65, 0.9); }
.school2 .registration .step-tab-header.active { color: rgb(0, 0, 0); background: none; background-color: rgb(255, 255, 255); text-shadow: 0 1px 1px rgba(200, 200, 200, 0.7); opacity: 1; border-bottom: none; box-shadow: 0px -3px 5px -4px rgba(107, 107, 107, 0.87);}

.school2 .registration .step-intro { }
.school2 .registration .step-intro .school-selection { margin: 1em 0; }
.school2 .registration .step-intro .school-selection table > tbody > tr > td { padding: .5em; }
.school2 .registration .step-intro .school-selection .left-column { width: 50%; }
.school2 .registration .step-intro .ui-selectmenu-button { border: 1px solid rgba(74, 74, 74, 0.7); }

.school2 .registration .derogation-selection { margin: 1em 0; }
.school2 .registration .derogation-selection table > tbody > tr > td { padding: .5em; }
.school2 .registration .derogation-selection .ui-selectmenu-button { border: 1px solid rgba(74, 74, 74, 0.7); }

.school2 .registration table.step-docs { font-size: 1.1em; border-spacing: 0; box-shadow: 0 0 3px 0px rgba(128, 128, 128, 0.16); border-left: 1px solid rgb(218, 218, 218); border-right: 1px solid rgb(218, 218, 218); }
.school2 .registration table.step-docs>thead th { width: 30%; background-color: rgba(243, 243, 243, 0.4); background: linear-gradient(to right, rgba(244, 244, 244, 0.9) 0%, rgba(255, 255, 255, 0.9) 35%, rgba(255,255,255, 0.9) 65%, rgba(240,240,240,0.9) 100%); padding: .5em; border-top: 1px solid rgba(161, 161, 161, 0.7); border-bottom: 1px solid rgba(161, 161, 161, 0.7); }
.school2 .registration table.step-docs td { padding: 1em .5em .5em .5em;  border-bottom: 1px solid rgba(189, 189, 189, 0.7);}

.school2 .registration table.step-acceptance { }

.school2 .registration .newdoc-requirements.warning { color: red; background-color: #FFFFCC; font-weight: bold; }
.school2 .registration .newdoc-requirements .invalid-file-error { display: none; }
.school2 .registration .newdoc-requirements.warning .invalid-file-error { display: block; }




.extracurricular-dfu-status { text-align: center; }

.school2 .registration .step-check-contacts table > thead > tr > th { background-color: #F0F0F0; }
.school2 .registration .step-check-contacts table.emergency-persons input[type=text] { text-align: center; }
.school2 .registration .step-check-contacts table.emergency-persons input[type=text][readonly] { border-color: #FFF; }

.school2 .registration .step-schoolCafeteria .school-cafeteria-calendar td { padding-left: .5em; padding-right: .5em; text-align: center; }
.school2 .registration .step-schoolCafeteria .school-cafeteria-calendar td label.closed-day { color: rgb(204, 204, 204); }
.school2 .registration .step-schoolCafeteria .school-cafeteria-calendar label.week-day { font-weight: bold; display: block; }
.school2 .registration .step-schoolCafeteria table.schoolCafeteria-fields > tbody > tr > td { padding: 1em .5em; }
.school2 .registration .step-schoolCafeteria table.schoolCafeteria-fields > tbody > tr > td:first-child { font-weight: bold; }

.school2 .registration .step-activities .activities-content .left-column { padding-right: 1em; }
.school2 .registration .step-activities .activities-content .right-column { width: 35%;  vertical-align: top; padding-top: 1em; }
.school2 .registration .step-activities table { border-collapse: collapse; }
.school2 .registration .step-activities table.activity-choices > tbody > tr.activity-unit-choice { border-bottom: 1px solid rgba(128, 128, 128, 0.10); }
.school2 .registration .step-activities table.activity-choices > tbody > tr > td { padding: .5em; line-height: 2em; vertical-align: top; }
.school2 .registration .step-activities table.activity-choices > tbody > tr > td:nth-child(2) label { font-weight: bold; }
.school2 .registration .step-activities table.activity-choices > tbody > tr.activity-sub-catalog { border-bottom: 1px solid rgba(128, 128, 128, 0.10); }
.school2 .registration .step-activities table.activity-choices > tbody > tr.activity-sub-catalog > td { padding-left: 0; }
.school2 .registration .step-activities table.activity-choices > tbody > tr.activity-sub-catalog .catalog-deployer { text-align: left !important; width: 100%; }
.school2 .registration .step-activities table.take-charge-of-child-authorized-persons { width: 100%; margin: 1em 1em 1em 0; }
.school2 .registration .step-activities table > thead > tr > th { height: 2.5em; background-color: #F0F0F0; }
.school2 .registration .step-activities table.take-charge-of-child-authorized-persons input[type=text] { text-align: center; }
.school2 .registration .step-activities table.take-charge-of-child-authorized-persons input[type=text][readonly] { border-color: #FFF; }
.school2 .registration .step-activities .ui-selectmenu-button { border: 1px solid rgba(74, 74, 74, 0.7); }
.school2 .registration .step-activities .activity-presences td { padding-left: .5em; padding-right: .5em; text-align: center; }
.school2 .registration .step-activities .activity-presences td label.closed-day { color: rgb(204, 204, 204); }
.school2 .registration .step-activities .activity-presences label.week-day { font-weight: bold; display: block; }
.school2 .registration .step-medicalInfos table.medicalInfos-content > tbody > tr > td { padding-top: 1em; }
.school2 .registration .step-medicalInfos table.medicalInfos-content > tbody > tr > td.left-column { width: 55%; }
.school2 .registration .fieldTitle { font-weight: bold; color: #F09D1D; }

.school2 .registration .step-derog #addressStreet2ComplId { height: 2.4em; }
.school2 .registration .step-derog .ui-selectmenu-button { border: 1px solid rgba(74, 74, 74, 0.7); }
.school2 .registration .step-derog .ui-selectmenu-button.ui-button { margin-bottom: .2em; }

.school2 .activities-summary th { background-color: rgb(240, 240, 240); line-height: 2em; }
.school2 .activities-summary .registration-activity-label { font-weight: bold; }
.school2 .activities-summary .registration-activity-status { font-style: italic; }
.school2 .activities-summary tr { background-color: rgb(255, 255, 255); }
.school2 .activities-summary td { border-top: 1px solid rgb(239, 239, 239); line-height: 1.8em; padding-left: .5em; padding-right: .5em; }

.school2 .step-acceptance table.activities-summary { margin-bottom: 2em; }

.school2 .activity-aperture-days .week-day { color: #D0D0D0; padding-left: .3em; }
.school2 .activity-aperture-days .week-day.opened { color: #000; }
.school2 .activity-aperture-days .week-day:not(:last-child):after{ content: ',' }
.school2 .school-year-actions { padding-top: 1em; }

.school2 .radio-choice { height: 2em; line-height: 2em; }
.school2 .radio-choice input[type=radio] { float: left; margin-right: .8em; }
.school2 .radio-choice:after { content: ''; clear: both; display: table; }

.school2 .extracurricular-registration-dfu-title { font-weight: bold; font-size: 2em; }


.tooltip-no-pdf-preview { font-weight: bold; font-size: .8em; padding: .5em; background-color: RGB(255, 255, 204); }



h2.SCHOOL_INSCRIPTION               { color: black; background-color: rgba(223, 234, 241, 1); }
h2.SCHOOL_INSCRIPTION_DEROGATION_OK, h2.SCHOOL_INSCRIPTION_DEROGATION_KO,h2.SCHOOL_INSCRIPTION_DEROGATION_WAIT    { color: black; background-color: rgba(190, 207, 214, 1); }
h2.SCHOOL_PREINSCRIPTION            { color: black; background-color: rgba(225, 247, 233, 1); }
h2.SCHOOL_PREINSCRIPTION_DEROGATION_OK, h2.SCHOOL_PREINSCRIPTION_DEROGATION_KO, h2.SCHOOL_PREINSCRIPTION_DEROGATION_WAIT    { color: black; background-color: rgba(190, 213, 214, 1); }
div.SCHOOL_INSCRIPTION               { color: black; background-color: rgba(223, 234, 241, 1); }
div.SCHOOL_INSCRIPTION_DEROGATION_OK, div.SCHOOL_INSCRIPTION_DEROGATION_KO, div.SCHOOL_INSCRIPTION_DEROGATION_WAIT    { color: black; background-color: rgba(190, 207, 214, 1); }
div.SCHOOL_PREINSCRIPTION            { color: black; background-color: rgba(225, 247, 233, 1); }
div.SCHOOL_PREINSCRIPTION_DEROGATION_OK, div.SCHOOL_PREINSCRIPTION_DEROGATION_KO, div.SCHOOL_PREINSCRIPTION_DEROGATION_WAIT    { color: black; background-color: rgba(190, 213, 214, 1); }

tr.noSubscribe            { color: black; background-color: rgba(255, 100, 100, 0.5); }

.childrenAdd { padding-top: 2em; padding-bottom: 0.5em; padding-left: 0em;  }





.family .address-change { margin-top: 1em; width: 100%; background-color: rgba(248, 248, 248, 0.5); border: 1px solid rgb(255, 255, 255); box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.31);}
.family .address-change-details { font-weight: bold; white-space: nowrap } 
.family .address-change-status { width: 35em; background-color: rgb(255, 255, 174); padding: 1em; white-space: normal; box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.31); border: 1px solid rgb(255, 255, 255); }

.family .registration-step { display: none; padding: 1em; }
.family .registration td.checkboxes-col { width: 2em; text-align: center; vertical-align: top; }

.family .registration .step-tabs { margin: 1em 0; min-height: 25em; border: 1px solid rgba(189, 189, 189, 0.7); box-shadow: 0px 0px 10px -8px rgba(107, 107, 107, 0.47); }
.family .registration .step-tabs-header { table-layout: fixed; border-spacing: 0; width: 100%; background-color: rgba(221, 221, 221, 0.3); }
.family .registration .step-tab-header { font-weight: bold; color: rgb(125, 125, 125); font-size: 1.1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); vertical-align: top; padding: 1em; border-bottom: 1px solid rgba(189, 189, 189, 0.7); box-shadow: inset 0px -1px 7px -6px rgba(65, 65, 65, 0.9); }
.family .registration .step-tab-header.active { color: rgb(0, 0, 0); background: none; background-color: rgb(255, 255, 255); text-shadow: 0 1px 1px rgba(200, 200, 200, 0.7); opacity: 1; border-bottom: none; box-shadow: 0px -3px 5px -4px rgba(107, 107, 107, 0.87);}

.family .registration .step-intro { }
.family .registration .ui-selectmenu-button { border: 1px solid rgba(74, 74, 74, 0.7); }
.family .registration .ui-selectmenu-button.ui-button { margin-bottom: .2em; }

.family .registration #addressStreet2ComplId { height: 2.4em; } 

.family .registration .step-service-choices .activity-indic { margin: .5em 0; }

.family .registration table.step-docs { font-size: 1.1em; border-spacing: 0; box-shadow: 0 0 3px 0px rgba(128, 128, 128, 0.16); border-left: 1px solid rgb(218, 218, 218); border-right: 1px solid rgb(218, 218, 218); }
.family .registration table.step-docs>thead th { width: 30%; background-color: rgba(243, 243, 243, 0.4); background: linear-gradient(to right, rgba(244, 244, 244, 0.9) 0%, rgba(255, 255, 255, 0.9) 35%, rgba(255,255,255, 0.9) 65%, rgba(240,240,240,0.9) 100%); padding: .5em; border-top: 1px solid rgba(161, 161, 161, 0.7); border-bottom: 1px solid rgba(161, 161, 161, 0.7); }
.family .registration table.step-docs td { padding: 1em .5em .5em .5em;  border-bottom: 1px solid rgba(189, 189, 189, 0.7);}

.doc-select-header { background-color: rgba(243, 243, 243, 0.4); border-top: 1px solid rgba(161, 161, 161, 0.7); border-bottom: 1px solid rgba(161, 161, 161, 0.7); }

.family .registration table.step-acceptance { }

.family .registration .newdoc-requirements.warning { color: red; background-color: #FFFFCC; font-weight: bold; }
.family .registration .newdoc-requirements .invalid-file-error { display: none; }
.family .registration .newdoc-requirements.warning .invalid-file-error { display: block; }

.family .registration .fieldTitle { font-weight: bold; color: #F09D1D; }

.family .registration input[type=text] { border: 1px solid rgba(74, 74, 74, 0.7); height: 2.15em; line-height: 2.15em; padding-left: .5em; padding-right: .5em; }

.family .registration select {border: 1px solid rgba(74, 74, 74, 0.7); height: 30px;}

.family table.registration-details { width: 100%; }

.family .registration fieldset { margin: 1em 0; }



.label {
    display: inline;
    padding: .3em .8em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-success {
    background-color: #5cb85c;
}
.label-danger {
    background-color: #d9534f;
}



.activity .child-info { border-top: 1px solid rgba(0, 0, 0, 0.5); margin-top: 1em;}
.activity .child-info .child-picture   { width: 1px; padding: 1em; }
.activity .child-info .child-identity  { width: 18em; padding: 1em; min-width: 18em; }
.activity .child-info .child-name      { font-weight: bold; font-size: 1.2em; }
.activity .child-info .child-bithdate  { font-style: italic; font-size: .98em; padding: .5em 0; }

.activity .administrative-record-label { padding-top: 1em; font-weight: bold; }
.activity .administrative-record-status { background-color: rgb(255, 255, 174); padding: 1em; white-space: normal; box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.31); border: 1px solid rgb(255, 255, 255); margin-bottom: 1em; }

.activity .registration-step { display: none; padding: 1em; }
.activity .registration td.checkboxes-col { width: 2em; text-align: center; vertical-align: top; }

.activity .registration .step-tabs { margin: 1em 0; min-height: 25em; border: 1px solid rgba(189, 189, 189, 0.7); box-shadow: 0px 0px 10px -8px rgba(107, 107, 107, 0.47); }
.activity .registration .step-tabs-header { table-layout: fixed; border-spacing: 0; width: 100%; background-color: rgba(221, 221, 221, 0.3); }
.activity .registration .step-tab-header { font-weight: bold; color: rgb(125, 125, 125); font-size: 1.1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); vertical-align: top; padding: 1em; border-bottom: 1px solid rgba(189, 189, 189, 0.7); box-shadow: inset 0px -1px 7px -6px rgba(65, 65, 65, 0.9); }
.activity .registration .step-tab-header.active { color: rgb(0, 0, 0); background: none; background-color: rgb(255, 255, 255); text-shadow: 0 1px 1px rgba(200, 200, 200, 0.7); opacity: 1; border-bottom: none; box-shadow: 0px -3px 5px -4px rgba(107, 107, 107, 0.87);}

.activity .registration .step-intro { }
.activity .registration .ui-selectmenu-button { border: 1px solid rgba(74, 74, 74, 0.7); }
.activity .registration .ui-selectmenu-button.ui-button { margin-bottom: .2em; }

.activity .registration table.step-docs { font-size: 1.1em; border-spacing: 0; box-shadow: 0 0 3px 0px rgba(128, 128, 128, 0.16); border-left: 1px solid rgb(218, 218, 218); border-right: 1px solid rgb(218, 218, 218); }
.activity .registration table.step-docs>thead th { width: 30%; background-color: rgba(243, 243, 243, 0.4); background: linear-gradient(to right, rgba(244, 244, 244, 0.9) 0%, rgba(255, 255, 255, 0.9) 35%, rgba(255,255,255, 0.9) 65%, rgba(240,240,240,0.9) 100%); padding: .5em; border-top: 1px solid rgba(161, 161, 161, 0.7); border-bottom: 1px solid rgba(161, 161, 161, 0.7); }
.activity .registration table.step-docs td { padding: 1em .5em .5em .5em;  border-bottom: 1px solid rgba(189, 189, 189, 0.7);}

.activity .registration .check-contacts-rl { margin-top: 1em; margin-bottom: 1em; }
.activity .registration .check-contacts-rl td { padding: .5em; }

.activity .registration .step-childInfo .checkbox-inline,
.activity .registration .step-childInfo .radio-inline { margin-left: 1em; }

.activity .registration .step-financialInfo .financial-info-numcaf { width: 8em; text-align: center; }
.activity .registration .step-financialInfo .financial-info-income { width: 7em; text-align: right; }

.activity .registration table.step-acceptance { }

.activity .registration .newdoc-requirements.warning { color: red; background-color: #FFFFCC; font-weight: bold; }
.activity .registration .newdoc-requirements .invalid-file-error { display: none; }
.activity .registration .newdoc-requirements.warning .invalid-file-error { display: block; }

.activity .registration .fieldTitle { font-weight: bold; color: #F09D1D; }

.activity .registration input[type=text] { border: 1px solid rgba(74, 74, 74, 0.7); height: 2.15em; line-height: 2.15em; padding-left: .5em; padding-right: .5em; }

.activity table.registration-details { width: 100%; }

.activity .registration fieldset { margin: 1em 0; }



.invoiceAmountAndSelected{text-align: -webkit-center}



.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}


tr.choice > td, tr.assoChoice > td {
	padding: 10px 3px;
    border-bottom: 1px dotted #ccc;
}

tr.choice:nth-child(odd) > td, tr.assoChoice:nth-child(odd) > td {
	background-color: #EEF1F8;
}


.spec-form-separator {
    border-bottom: 1px dashed #DDDDDD;
    margin: 5px 0;
}
.spec-form-libelle {
	font-weight: bold;
}
.spec-form-description {
	color: #999;
}




@media (max-width: 768px) {
  table.table-responsive {
    border: 0;
    width: 100% !important;
  }
  table.table-responsive tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
    border: 0;
  }
  table.table-responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    border: 0;
  }
}


.ape2 .weekly-planning,
.ape2 .weekly-planning > thead > tr > th { text-align: center; }
.ape2 .apebook-description { font-style : italic; }

.ape2 .child-ape-info .child-name      { font-weight: bold; font-size: 1.2em; }
.ape2 .child-ape-info .child-bithdate  { font-style: italic; font-size: .98em; padding: .5em 0; }

.ape2 .child-ape-info { }

.ape2 .child-ape-info .ape-book-registration { margin-bottom: .5em; background-color: rgba(248, 248, 248, 0.5); border: 1px solid rgb(255, 255, 255); box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.31);}
.ape2 .child-ape-info .ape-book-registration-status,
.ape2 .child-ape-info .ape-derog-registration-status { background-color: rgb(255, 255, 174); padding: 1em; white-space: normal; box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.31); border: 1px solid rgb(255, 255, 255); }

.ape2 .route-to-nursery { color: #f09d1d; font-size: 1.4em; cursor: pointer; }
.ape2 .route-to-nursery.disabled { color: #eee; cursor: default; }
.ape2 .nursery-choice-list .nursery-choice-list-title { font-weight: bold; font-size: 1.2em; }
.ape2 .nursery-choice-list .route-to-nursery { top: -5px; }

.ape2 .apebook-monit .apebook-commission { font-weight : bold; font-size: 1.1em; }
.ape2 .apebook-monit-title { font-weight: bold; font-size: 1.1em; background-color: #e8e8e8; border-radius: 3px; }
.ape2 .apebook-monit-line-display-more { display: block; position: absolute; right: 1em; top: .2em; }

.ape2 .registration-step { display: none; padding: 1em; }
.ape2 .registration .checkboxes-col { width: 2em; text-align: center; vertical-align: top; }

.ape2 .registration .step-tabs { margin: 1em 0; min-height: 25em; border: 1px solid rgba(189, 189, 189, 0.7); box-shadow: 0px 0px 10px -8px rgba(107, 107, 107, 0.47); }
.ape2 .registration .step-tabs-header { table-layout: fixed; border-spacing: 0; width: 100%; background-color: rgba(221, 221, 221, 0.3); }
.ape2 .registration .step-tab-header { font-weight: bold; color: rgb(125, 125, 125); font-size: 1.1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); vertical-align: top; padding: 1em; border-bottom: 1px solid rgba(189, 189, 189, 0.7); box-shadow: inset 0px -1px 7px -6px rgba(65, 65, 65, 0.9); }
.ape2 .registration .step-tab-header.active { color: rgb(0, 0, 0); background: none; background-color: rgb(255, 255, 255); text-shadow: 0 1px 1px rgba(200, 200, 200, 0.7); opacity: 1; border-bottom: none; box-shadow: 0px -3px 5px -4px rgba(107, 107, 107, 0.87);}

.ape2 .registration .step-intro { }

.ape2 .registration table.weekly-planning > tbody > tr > td input.hour { max-width: 5em; padding: 6px 0; margin: 0 auto; } 
.ape2 .registration table.weekly-planning > tbody > tr > td { padding: 8px 2px; }
.ape2 .registration .remove-choice { font-size: .8em; }

.ape2 .registration .step-acceptance { }

.ape2 .registration .newdoc-requirements.warning { color: red; background-color: #FFFFCC; font-weight: bold; }
.ape2 .registration .newdoc-requirements .invalid-file-error { display: none; }
.ape2 .registration .newdoc-requirements.warning .invalid-file-error { display: block; }





.spec-franceconnect img {
	cursor: pointer;
}
.spec-franceconnect-or {
	align-items: center;
	display: flex;
	text-align: center;
	padding: 2rem;
}
.spec-franceconnect-or:after, .spec-franceconnect-or:before {
	content: '';
    flex: 1;
    border-bottom: 1px solid #e8e8e8;
}
.spec-franceconnect-or div {
	padding: 10px;
	background-color: #fff;
	font-weight: bold;
}
.spec-franceconnect-logoff {
	text-align: center;
}



.spec-oidc .oidc-issuer-button { cursor: pointer; display: block; padding: 1em; margin: auto; }
.spec-oidc .oidc-or		{ align-items: center; display: flex; text-align: center; padding: 2rem; }
.spec-oidc .oidc-or:after,
.spec-oidc .oidc-or:before { content: ''; flex: 1; border-bottom: 1px solid #e8e8e8; }
.spec-oidc .oidc-or div	{ padding: 10px; background-color: #fff; font-weight: bold; }