<!-- Définir les styles pour le bsi -->
<style>
	body				{	width:100%;
							font-family:Arial;
							font-size:10pt;
							background-color:#D4D4D4;
							margin:0;leftmargin:0;topmargin:0;marginwidth:0;marginheight:0;height:100%;
						}
	td			{font-family:Arial;font-size:10pt;padding-top:2px;padding-bottom:2px;}
	.StdFont	{font-family:Arial;font-size:10pt;}
	
	.StdLink			{	color				: #176AEC; text-decoration:none; }
	.StdLink a:link		{	text-decoration:none; }
	.StdLink a:hover	{	text-decoration:underline;  }
	.StdLink a:active	{	text-decoration:none; }
	
	.CloseLink			{	color				: #FFFFFF; text-decoration:none; }
	.CloseLink a:link	{	text-decoration:none; }
	.CloseLink a:hover	{	text-decoration:underline;  }
	.CloseLink a:active	{	text-decoration:none; }

	
	.EmpNameBox		{	color:#FFFFFF; }
	
	//.loader				{	position:fixed;z-index: 9999; background : url('./img/lebsi/TestLoading.png') 50% 50% no-repeat;top : 0px;left : 0px;height : 100%;width : 100%;}	
	.FormatRetraite			{overflow:hidden;width:950px;height:100%;border:1px solid #000000;background-color:#FFFFFF;padding-right:30px;}
	
	.FCase				{border-bottom:1px solid #777777;background-color:#4B4B4B; text-align:left; vertical-align:middle; padding-left:15px;padding-top:15px; padding-bottom:15px;}
	.FCaseOver			{cursor:hand;border-bottom:1px solid #555555;background-color:#666666; text-align:left; vertical-align:middle; padding-left:15px;padding-top:15px; padding-bottom:15px;}
	.FSelectedCase		{font-weight:bold;border-left:5px solid #FFFFFF;border-bottom:1px solid #777777;background-color:#302F2F; text-align:left; vertical-align:middle; padding-left:15px;padding-top:15px; padding-bottom:15px;}
	.FCaseOverSelect	{cursor:hand;font-weight:bold;border-left:5px solid #FFFFFF;border-bottom:1px solid #777777;background-color:#666666; text-align:left; vertical-align:middle; padding-left:15px;padding-top:15px; padding-bottom:15px;}
	.TCase				{text-decoration:underline;color:#FFFFFF;}
	.DCase				{color:#FFFFFF;}
	.MTitre				{color:#FFFFFF;}
	.MElement			{color:#FFFFFF;}
	.PageBSI			{color:#FFFFFF; font-size:14pt;}
	
	.hDiv	{	visibility	: hidden;
				display		: none;
				background-color:transparent;
			}
	.sDiv	{	visibility	: visible;
				display		: block;
				background-color:transparent;
			}
			
			
	.AdminMain{			display			: block;
						width			: 900px;
						height			: auto;
						align			: center;
						text-align		: center;
						margin			: auto;
						background-color: #FFFFFF;
	}
	.AdminBody{
						display			: block;
						valign			: top;
						align			: center;
						text-align		: center;
						padding-left	: 5%;
						padding-right	: 5%;
						width			: 90%;
						height			: auto;
						min-height		: 100%;
	}
	.AdminTopBandeau{
						display				: block;
						width				: 100%;
						z-index				: 990;
						height				: 100px;
						background-color	: #FFFFFF;
						border-bottom		: 1px solid #555555;
						padding-top			: 10px;
					}
	.AdminMainContent	{
							display			: block;
							width			: 100%;
							padding-top		: 15px;
						}
	.TopAdminLogo		{	display			: block;
							float			: left;
							width			: auto;
							padding-right	: 5%;
							align			: left;
						}
	.TopAdminTitle		{	display			: block;
							float			: left;
							width			: auto;
							padding-top		: 10px;
							font-size		: 1.4rem;
							font-weight		: bold;
							font-family		: Arial;
							color			: #176AEC;
							text-align		: left;
							padding-left	: 5%;
							text-transform	: uppercase;
						}
	.TopAdminButtons	{	display			: block;
							float			: right;
							width			: auto;
						}	

/* iPhone 5, 5S, 5C and 5SE - mode Portrait */
@media only screen  and (min-device-width: 320px)  and (max-device-width: 568px)  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
	html			{		background-color	: #FFFFFF; }
	body			{		background-color	: #FFFFFF; text-align:center;}
	.AdminMain		{		display				: block;
							height				: auto;
							width				: 100%;
					}
	.AdminBody		{
							display				: block;
							padding-left		: 5px;
							padding-right		: 5px;
							height				: auto;
							width				: 100%;
						}

	.AdminTopBandeau	{	position			: fixed;
							padding-top			: 20px;
							padding-left		: 5%;
							padding-right		: 5%;
							width				: 90%;
							height				: 120px;
							background-color	: #F0F0F0;
							box-shadow			: 0px 20px 5px 0px rgba(0,0,0,0.22);
							-webkit-box-shadow	: 0px 20px 5px 0px rgba(0,0,0,0.22);
							-moz-box-shadow		: 0px 20px 5px 0px rgba(0,0,0,0.22);
						}
	.TopAdminTitle		{	font-size		: 1.7rem;
							padding-left	: 1%;
							padding-top		: 20px;
						}
	.AdminMainContent	{
							display				: block;
							padding-top			: 180px;
						}
	.Picto				{	width				: 70px;
							height				: 70px;}
	.Picto:hover		{	width				: 70px;
							height				: 70px;}
}

</style>

 