/* - - - - - - - - - - - - - - - - - - - -
   Included css content from file : Layout.css
*/
/* =====================================================
	BALISES PRINCIPALES */	
	* {margin:0px;padding:0px;border:0px;}
	body 			{text-align:left;font-family:Tahoma, Verdana, Arial;background-color:#ffffff;}
	.clear			{ clear:both;}
	a:link, a:visited	{text-decoration:none;}		
	a:active, a:hover	{text-decoration:underline;}

/* =====================================================
	SECTIONS PRINCIPALES */	
	#main				{width:1000px;margin-left:auto;margin-right:auto;margin-bottom:40px;}	
	#logo				{height:120px; width:614px;float:left;}				
	#main_header		{height:120px; width:366px;float:left;margin-left:20px;}				
	#main_content		{clear:both;}		
	#Leftcontent 		{width:213px;background-image:url(images/bg_leftContent.png);}	
	#Rightcontent		{width:787px;}	

/* =====================================================
	LOGGEDIN BOX */	
	#LoggedIn				{width:366px;background-color:#e6e6e6;height:104px;margin-top:10px;}
	#LoggedIn .header		{background-image:url(images/MainBlock_upper_corner.png);background-repeat:no-repeat;background-position:top right;height:6px; background-color:#f2f2f2;}
	#LoggedIn .footer		{width:213px; height:6px; background-image:url(images/LoggedIn_footer.png);background-repeat:no-repeat;}
	#LoggedIn .avatar		{width:103px; float:left;}
	#LoggedIn .avatar img	{width:82px; height:82px;margin:0px 10px 10px 10px;}
	#LoggedIn .username h2	{width:165px;font-size:12px;float:left;}
	#LoggedIn .username img	{float:right;}
	#LoggedIn .content		{width:360px;background-color:#f2f2f2;}
	#LoggedIn .controls		{width:247px; float:left;padding:0px 10px 10px 0px;}
	#LoggedIn .tools		{clear:both;height:38px;}
	#LoggedIn .tools img	{margin-left:5px;padding-top:3px;}
	#LoggedIn #quitEditMode	{margin-right:4px;}
	#LoggedIn .EditMode		{height:26px;}
	

/* =====================================================
	MAIN BLOCK */	
	.Mainblock					{background-image:url(images/Mainblock_bg.png);}	
	.Mainblock + .Mainblock		{margin-top:15px;}
	.Mainblock .header			{padding-top:10px;background-image:url(images/MainBlock_upper_corner.png);background-repeat:no-repeat;background-position:top right;}
	.Mainblock .controls		{height:45px;background-image:url(images/Mainblock_h2_shadow.png);background-repeat:no-repeat;background-position:bottom left;}
	.Mainblock .controls .add 	{float:right;margin-top:1px; margin-right:3px;}
	.Mainblock .header 	h2		{background-color:#b3b3b3;height:35px;margin-right:15px;padding-left:40px;color:#FFFFFF;padding-top:5px;}
	.Mainblock .footer			{height:7px;background-image:url(images/Mainblock_shadow.png);background-repeat:no-repeat;background-position:bottom left;background-color:#e6e6e6;}
	.Mainblock .content			{margin:10px 15px 10px 45px;overflow:hidden;width:727px;}
	.Mainblock .editor_buttons	{margin-top:15px;margin-bottom:15px;}
	.Mainblock .editor_buttons a	{margin-right:5px;}
	.Mainblock h2.seperator_title	{margin-top:10px; padding-top:5px;background-color:#999999;color:#FFFFFF;height:35px;padding-left:10px;}
	
/* =====================================================
	ERROR BLOCK */
	.Alert 					{margin-left:45px;margin-bottom:10px;width:727px;}
	.Alert 	.AlertHeader	{margin-top:5px;color:#4d4d4d;font-variant:small-caps;text-transform:lowercase;font-size:12px;font-weight:bold;margin-bottom:3px;border-bottom:2px dotted #999;color:#0C0}
	.Alert	.AlertContent	{font-size:12px;}
	.Alert 	.mb-error  .AlertHeader	{color:#900;}
	.Mainblock .content	.Alert		{margin-left:0px;}

/* =====================================================
	INFO BLOCK */
	#Info 					{margin-bottom:10px;}
	#Info 	.InfoHeader		{margin-top:5px;color:#4d4d4d;font-variant:small-caps;text-transform:lowercase;font-size:12px;font-weight:bold;margin-bottom:3px;border-bottom:2px dotted #999;color:#CC0}
	#Info 	.InfoContent	{font-size:12px;}

/* =====================================================
	SIDE BLOCK */		
	.Sideblock								{background-image:url(images/SideBlock_bg.png);}	
	.Sideblock[name="SB_MainMenu"] .header	{background-image:url(images/SideBlock_firstMenu.png);background-repeat:no-repeat;background-position:top right;}
	.Sideblock + .Sideblock					{margin-top:3px;}
	.Sideblock	.header 					{padding:3px;}	
	.Sideblock .header h2					{letter-spacing:1px;font-variant:small-caps;text-transform:lowercase;font-size:12px;color:#4d4d4d;padding-left:7px;height:18px;width:170px;float:left;}
	.Sideblock .header img					{clear:both;}
	.Sideblock .footer	 					{width:213px; background-image:url(images/SideBlock_footer.png);background-repeat:no-repeat;padding-top:6px;padding-bottom:2px;}
	.Sideblock .footer div					{width:190px; margin-left:10px; border-bottom:2px dotted #666;}
	.Sideblock .last  						{padding-bottom:0px;}
	.Sideblock .last div 					{border:0px;}
	.Sideblock	.content					{padding:3px 3px 11px 14px;}		
	.Sideblock .link						{display:block;width:181px;height:17px;margin-left:-4px;padding-left:4px;font-size:12px;padding-top:2px;}
	.Sideblock a.link:link, .Sideblock a.link:visited	{color:#000000;}
	.Sideblock a.link:active, .Sideblock a.link:hover	{background-color:#ffffff;color:#fbb03b;text-decoration:none;}
	.Sideblock a span						{font-weight:bold;}
	.Sideblock a span.new					{color:#ff0000;}
	.Sideblock .subtitle					{margin-top:5px;font-weight:bold;font-size:14px;}
	.Sideblock select						{width:181px;height:20px;margin-top:3px;margin-bottom:3px;}
	.Sideblock .editControls a + a			{margin-left:3px;}
	#user_name								{width:181px;height:17px;}
	#user_password							{width:181px;height:17px;margin-top:4px;margin-bottom:4px;}
	.closed		{display:none;}
	.opened		{display:block;}

/* =====================================================
	EDITOR */			
	#FCKeditor1___Frame						{width:727px;height:450px;}	
	.Mainblock .post-title					{margin-top:5px;color:#4d4d4d;font-variant:small-caps;text-transform:lowercase;font-size:12px;font-weight:bold;margin-bottom:3px;border-bottom:2px dotted #999;}
	.Mainblock .bigArea						{width:721px; border:0px;font-family:Tahoma, Verdana, Arial;font-size:14px;padding:3px;}
	.Mainblock .bigInput					{width:721px; border:0px;font-family:Tahoma, Verdana, Arial;font-size:14px;padding:3px;}
	.Mainblock select.bigInput				{width:727px;}	
	
/* =====================================================
	NOUVELLES */	
	#News .NewsBox			{width:727px;}
	#News .odd 				{background-color:#FFFFFF;}
	#News .avatar 			{width:82px;padding:6px;float:left;}
	#News .newscontent		{float:left;width:627px;margin:0px;font-size:12px;color:#4d4d4d;}
	#News .description		{clear:both;}
	#News .avatar img		{width:82px; height:82px;}
	#News .title			{font-weight:bold;font-size:12px;text-transform:lowercase;padding-bottom:3px;float:left;width:445px;margin-top:3px;}
	#News .title img		{margin-right:5px;vertical-align:middle;}
	#News .time				{font-size:12px;float:left;width:182px;text-align:right;}
	#News .time + div		{clear:both;}
	#News .newsheader		{border-bottom:2px dotted #999;padding-top:3px;}
	#News .newsfooter		{clear:both;}
	#News .newscontrols	div	{width:508px;float:left;padding-top:3px;}
	#News .newscontrols	a 	{color:#fbb03b;font-variant:small-caps;text-transform:lowercase;}
	#News .newscontrols	a + a	{margin-left:5px;color:#fbb03b;font-variant:small-caps;text-transform:lowercase;clear:both;}
	#News .post-title		{margin-top:5px;color:#4d4d4d;font-variant:small-caps;text-transform:lowercase;font-size:12px;font-weight:bold;margin-bottom:3px;border-bottom:2px dotted #999;}
	#News p					{margin-bottom:1em;}

/* =====================================================
	GENERAL */		
	.page_buttons img	{vertical-align:bottom;margin-left:3px;margin-right:3px;}
	.page_buttons 		{margin-bottom:10px;}
	.half-column		{float:left;width:316px;}	

/* =====================================================
	LISTE UTILISATEUR */		
	#Administration .user-list-entry	{margin-bottom:10px;}
	#Administration .user-list-avatar	{display:inline-block; width:50px;float:left;margin-right:5px;}
	#Administration .user-info			{display:inline-block; width:450px;float:left;}
	#Administration .user-list-name		{color:#4d4d4d;font-variant:small-caps;text-transform:lowercase;font-size:14px;font-weight:bold;}
	#Administration .admin-export-list	{margin-bottom:15px;}
	#Administration .admin-import-list	{margin-bottom:15px;}
	#Administration .user-list-cohorte	{font-size:12px;margin-bottom:3px;}
	#Administration .user-list-message	{display:inline-block;margin-right:3px;}
	#Administration .user-list-edit		{display:inline-block;margin-right:3px;}
	#Administration .user-list-delete	{display:inline-block;margin-right:3px;}


/* =====================================================
	MESSAGES */	
	#Messages .message-list-date	{font-size:12px;}
	#Messages .message-list-title	{font-variant:small-caps;text-transform:lowercase;font-size:14px;border-bottom:2px dotted #666}
	#Messages .message-list-title a	{color:#fbb03b;text-decoration:none;}
	#Messages .message				{margin-bottom:10px;}
	#Messages .message-list-contols	a {margin-right:5px;}
	#Messages .message-list-contols	{display:inline-block;}
	#Messages .message-list-name	{display:inline-block;width:540px;}
	
/* =====================================================
	GALLERY */				
	#Gallery						{width:727px;}
	#Gallery .browsefiles			{margin-top:5px;display:block;}
	#Gallery .filter				{font-variant:small-caps;text-transform:lowercase;font-size:14px;border-bottom:2px dotted #666;margin-bottom:15px;margin-top:20px;}
	#Gallery .item					{width:100px;display:inline-block;margin-bottom:15px;margin-right:15px;}
	#Gallery .item-controls			{margin-top:3px;text-align:center;}
	#Gallery .item-controls a + a	{margin-left:3px;}
	#Gallery .thumb					{text-align:center;}
	#Gallery .thumb img				{max-width:100px;max-height:100px;}
	#lightbox						{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
	#lightboxDetails				{font-size: 0.8em;padding-top: 0.4em;}	
	#lightboxCaption				{float: left;font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:14px;}
	#overlay						{background-color: #333;}
	#closeButton					{top: 5px; right: 5px; }	
				
/* =====================================================
	MODULES */
	#Modules .moduleTitle			{margin-top:5px;color:#4d4d4d;font-variant:small-caps;text-transform:lowercase;font-size:12px;font-weight:bold;margin-bottom:3px;border-bottom:2px dotted #999;}		
	#Modules .moduleName			{display:inline-block; width:300px;}	
	#Modules .moduleVersion			{display:inline; width:150px;float:right;text-align:right;}	
	#Modules .moduleInstalled		{margin-bottom:20px;margin-top:5px;}
/* =====================================================
	EQUIPMENT */
	#Equipment .title				{margin-top:5px;color:#4d4d4d;font-variant:small-caps;text-transform:lowercase;font-size:12px;font-weight:bold;margin-bottom:3px;border-bottom:2px dotted #999;}				
	#Equipment .name				{display:inline-block;width:300px;}
	#Equipment .title div + div		{display:inline; width:150px;float:right;text-align:right;}	
	#Equipment .available			{color:#0C0;}
	#Equipment .unavailable			{color:#C00;}
	#Equipment .equipment + .equipment			{margin-top:15px;}
	#Equipment .equipment-controls	{margin-top:3px;}
	#Equipment .equipment-controls a + a {margin-left:3px;}
/* =====================================================
	PROFILE */
	#Profile .profileControls 			{margin-top:10px;}
	#Profile .profileControls a			{margin-right:5px;}

/* =====================================================
	COURSES */
	#Cours .addTeacher .teacher-name 		{width:452px;border:0px;font-family:Tahoma, Verdana, Arial;font-size:14px;padding:3px;margin-right:5px;margin-bottom:5px;}
	#Cours .addTeacher .teacher-priority	{width:100px;border:0px;font-family:Tahoma, Verdana, Arial;font-size:14px;padding:3px;}
	#Cours .addTeacher img					{margin-right:5px;vertical-align:middle;margin-bottom:3px;}
	#Cours .content-controls				{margin-top:5px;margin-bottom:15px;}
	#Cours .content-controls a				{margin-right:5px;}
	#Cours .course-item .content-controls	{margin-bottom:0px;}
	#Cours .course-item 					{margin-bottom:15px;}
	#Cours .course-item .week				{margin-bottom:3px;}
	#Cours .addRessource img				{margin-right:5px;}
	#Cours .addWeek img						{margin-right:5px;}
	#Cours .addWeek							{margin-top:15px;}

/* =====================================================
	PUBLICITIES */	
	#Publicities {margin-left:45px;margin-bottom:10px;}
	
/* =====================================================
	BOTTOM BAR
	*/	
	#BottomBar 					{height:30px;top:100%;position:fixed;margin-top:-30px;background-color:#E6E6E6;width:100%;}
	#BottomBar .content			{width:500px;margin-left:auto;margin-right:auto;position:relative;top:-12px;}
	#BottomBar .lblabs			{display:inline-block;width:150px;text-align:right;color:#4D4D4D;font-size:12px;margin-right:10px;position:relative;top:-10px;}
	#BottomBar .lblmes			{display:inline-block;width:150px;text-align:left;color:#4D4D4D;font-size:12px;margin-left:10px;position:relative;top:-10px;}
	#BottomBar .buttons			{display:inline-block;width:150px;height:42px;background-color:#F2F2F2;}
	#BottomBar .absences 		{float:left;width:74px;text-align:center;height:34px;background-color:#F2F2F2;padding-top:8px;}
	#BottomBar .absences:hover	{background-color:#FFF;}
	#BottomBar .messages 		{float:left;width:74px;text-align:center;height:34px;background-color:#F2F2F2;padding-top:8px;}
	#BottomBar .messages:hover	{background-color:#FFF;}
	#BottomBar .separator 		{height:34px;float:left;width:0px;border-right:2px dotted #E6E6E6;top:4px;position:relative;}
	#BottomBarResult			{width:500px;left:50%;position:fixed;top:100%;margin-left:-250px;}