﻿
/* Font */
@font-face { 	font-family: 'maestris_ep'; font-style: normal; font-weight: 600; 
				src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(./font.woff2) format('woff2');
				unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
				
/* Impression */
.pagebreak { page-break-before: always; }

/* Zoom */
.zoom { transition: transform .2s; margin: 0 auto; }
.zoom:hover { transform: scale(1.05); }
				
/* Plateforme */
*									{ font-family: 'maestris_ep', sans-serif; }
body								{ text-decoration: none; background-color: #FFF; padding:0px; margin:0px; }
a:link								{ text-decoration: none; color: #d12f3a; }
a:visited							{ text-decoration: none; color: #d12f3a; }
a:hover								{ color: #000; }
input[type="button"] 				{ border: none; outline:none; }
input[type="submit"] 				{ border: none; outline:none; }
textarea							{ width:100%; resize:none; } 
fieldset > legend					{ padding-left:10px; padding-right:10px; } 
td input							{ width:90%; resize:none; }
.ep_container						{ background-color:#fff; }
.ep_container2						{ background-color:#fff; }
.ep_page	 						{ background-color:#fff; width:100%; height:100%; min-height:1200px; }
.ep_content							{ text-align:left; }
.ep_content_insc					{ text-align:left; }
.ep_left_menu						{ text-align:center; margin:0 auto; overflow:hidden; height:80%; min-height:300px; float:left; }
.ep_right_page						{ text-align:left; overflow:hidden; height:90%; min-height:300px; float:right; }
.ep_button_s						{ background-color: #d12f3a; color:#FFFFFF; }
.ep_button_m						{ background-color: #d12f3a; color:#FFFFFF; }
.ep_button_l						{ background-color: #d12f3a; color:#FFFFFF; }
.ep_select select 					{ border: 0;  color: #ffffff; background: transparent; *background: white; -webkit-appearance: none; -moz-appearance: none; }
.ep_select			 				{ overflow:hidden; background: #d12f3a url("../../ouvrir_menu.png") no-repeat scroll 95% center; }
.ep_select option		 			{ color:#000000; font-weight:bold; }
th.ep_list						 	{ background-color:#d12f3a; color:#ffffff; }
th.ep_form						 	{ background-color:#d12f3a; color:#ffffff; }
th.ep_form_table				 	{ background-color:#d12f3a; color:#ffffff; }
th.ep_form_title					{ vertical-align:top; }
th.ep_list2					 		{ background-color:#d12f3a; color:#ffffff; }
th.ep_form_prof					 	{ background-color:#d12f3a; color:#ffffff; }
.ep_mobile_title					{  } 
.ep_title							{ font-weight:bold; color:#d12f3a; }
.ep_subtitle						{ font-weight:bold; color:#d12f3a; }
.ep_pan								{ text-align:left; background-color:#434343; color:#ffffff; }
.ep_panTitle						{ color:#d12f3a; }
.ep_small_pan						{ text-align:left; background-color:#434343; color:#ffffff; }

/* Filieres Liste */
.ep_fil_pan							{ text-align:left; background-color:#434343; color:#ffffff; }
.ep_fil_pan_alt						{ text-align:left; background-color:#434343; color:#ffffff; }
.ep_fil_pan_desac					{ text-align:left; background-color:#777; color:#aaa; }
.ep_fil_pan_beaute					{ text-align:left; background-color:#8666ac; color:#ffffff; }
.ep_fil_pan_beaute_alt				{ text-align:left; background-color:#652bab; color:#ffffff; }
.ep_fil_pan_optique					{ text-align:left; background-color:#66c188; color:#ffffff; }
.ep_fil_pan_optique_alt				{ text-align:left; background-color:#0b883a; color:#ffffff; }
.ep_fil_pan_marketing				{ text-align:left; background-color:#47a7cd; color:#ffffff; }
.ep_fil_pan_marketing_alt			{ text-align:left; background-color:#096b92; color:#ffffff; }
.ep_fil_pan_RH						{ text-align:left; background-color:#f68b2b; color:#ffffff; }
.ep_fil_pan_RH_alt					{ text-align:left; background-color:#c74a14; color:#ffffff; }
.ep_fil_pan_design					{ text-align:left; background-color:#ff328a; color:#ffffff; }
.ep_fil_pan_design_alt				{ text-align:left; background-color:#b41459; color:#ffffff; }
div.ep_fil_pan:hover, .ep_fil_pan_alt:hover,  ep_fil_pan_desac:hover,
.ep_fil_pan_beaute:hover, .ep_fil_pan_beaute_alt:hover, 
.ep_fil_pan_optique:hover, .ep_fil_pan_optique_alt:hover, 
.ep_fil_pan_marketing:hover, .ep_fil_pan_marketing_alt:hover, 
.ep_fil_pan_RH:hover, .ep_fil_pan_RH_alt:hover, 
.ep_fil_pan_design:hover, .ep_fil_pan_design_alt:hover	
									{ outline:4px solid red; transition: outline-width 0.1s linear; }
		
/* Etudiants Liste */		
.ep_list_etd						{ text-align:center; background-color:#a4a4a4; color:#ffffff; }
.ep_list_etd_alt					{ text-align:center; background-color:#434343; color:#ffffff; }
.ep_list_etd_tension				{ text-align:center; background-color:#ed7844; color:#ffffff; }
.ep_list_etd_selected				{ text-align:center; background-color:#d12f3a; color:#ffffff; }
.ep_list_etd:hover					{  }
.ep_list_etd_alt:hover				{  }
.ep_list_etd_tension:hover			{  }
.ep_list_prof						{ text-align:center; background-color:#434343; color:#ffffff; }
.ep_list_biblio						{ text-align:center; background-color:#fff; }
.ep_list_biblio	.title				{ font-weight:bold; color:#d12f3a; }
.ep_notif							{ text-align:center; color:#ffffff; background-color:#d14651; }
.ep_console 						{ font-size:13px; margin-left: auto; margin-right: auto; width:100%; height:240px; background-color:#fff; border:#666666 1px solid; text-align:center; }
.ep_mail							{ padding:5px; }
.ep_mail:hover						{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }

/* Emploi du Temps */
table.ep_edt						{ width:100%; table-layout:fixed; }
th.ep_edt_top						{ background-color:#434343; color:#ffffff; width:8.4%; }
td.ep_edt							{ font-size:10px; text-align:center; vertical-align:middle; height:120px; overflow:hidden; font-weight:bold; }
td.ep_edt_midi						{ background-color:#dedede; font-size:10px; text-align:center; vertical-align:middle; height:120px; overflow:hidden; font-weight:bold; }
td.ep_edt_vide						{ background-color:#bebebe; font-size:10px; text-align:center; vertical-align:middle; height:120px; overflow:hidden; font-weight:bold; }
td.ep_edt_cours						{ color:#ffffff; background-color:#4f6eaa; font-size:10px; text-align:center; vertical-align:middle; height:120px; overflow:hidden; font-weight:bold; }
td.ep_edt_paire						{ color:#ffffff; background-color:#ffa500; font-size:10px; text-align:center; vertical-align:middle; height:120px; overflow:hidden; font-weight:bold; }
td.ep_edt_impaire					{ color:#ffffff; background-color:#d12f3a; font-size:10px; text-align:center; vertical-align:middle; height:120px; overflow:hidden; font-weight:bold; }
td.ep_edt_cours:hover 				{ background-color:#434343; color:#fff; transition: background-color 0.5s ease; }
td.ep_edt_paire:hover 				{ background-color:#434343; color:#fff; transition: background-color 0.5s ease; }
td.ep_edt_impaire:hover 			{ background-color:#434343; color:#fff; transition: background-color 0.5s ease; }
td.ep_edt_jour						{ background-color:#434343; color:#ffffff; height:120px; text-align:center; vertical-align:middle; font-weight:bold; height:30%; }
p.ep_edt_top						{ font-size:12px; }

/* Calendrier */
th.ep_cal							{ background-color:#d12f3a; color:#ffffff; border:1px solid white; }
.ep_cal_legend						{  }
.ep_fil_legend						{  }
table.ep_cal						{ background-color:#fff;  }

/* Echeancier */
th.ep_ech						 	{ background-color:#d12f3a; color:#ffffff; }
td.ep_ech, td.ep_ech_cmn 			{ background-color:#e0e0e0; }
td.ep_ech2, td.ep_ech_cmn2			{ background-color:#b1b1b1; }
table.ep_ech						{ width:100%; table-layout:fixed; overflow-x:scroll; width:100%; table-layout:fixed; }
th.ep_ech						 	{ font-size:10px; }
td.ep_ech							{ height:25px; font-size:11px; text-align:center; overflow:hidden; font-weight:bold; }
td.ep_ech2							{ height:25px; font-size:11px; text-align:center; overflow:hidden; font-weight:bold; }
td.ep_ech_cmn						{ height:25px; font-size:11px; text-align:center; overflow:hidden; font-weight:bold; }
td.ep_ech_cmn2						{ height:25px; font-size:11px; text-align:center; overflow:hidden; font-weight:bold; }
td.ep_ech2:hover 					{ background-color:#434343; color:#fff; transition: background-color 0.5s ease; }
td.ep_ech_cmn2:hover 				{ background-color:#434343; color:#fff; transition: background-color 0.5s ease; }
		
nav.ep_menu a.ep_menu_button 		{ display: none; }
nav.ep_menu 				 		{ color:white; }
nav#ep_menu_filler1 				{ display:none; }
nav#ep_menu_filler2 				{ display:none; }

/* Info Bulle */
a[bulleInfo]:link, a[bulleInfo]:visited 					{ position:relative; text-decoration:underline; }
a[bulleInfo]:before 										{ content:""; border-top:30px solid #434343; position:absolute; border-left:30px solid transparent; border-right:30px solid transparent; visibility:hidden; top:-25px; left:-12px; }
a[bulleInfo]:after											{ position:absolute; content:attr(bulleInfo); font-weight:bold; top:-50px; left:-30px; background:#434343; color:#ffffff; padding:5px 10px; border-radius:0px; white-space:pre; visibility:hidden; }
a[bulleInfo]:hover:before, a[bulleInfo]:hover:after			{ visibility:visible; -moz-transition:visibility 0s linear .3s; border-radius:5px; }

/* 1500px et + */
@media (min-width: 1500px){	
	*									{ font-weight: 600; font-size:13px; }	
	body								{ background: url("./bg.png"); padding:0px; margin:0px; }	
	.ep_container 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:85%; }	
	.ep_container2 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:60%; }	
	.ep_content							{ height:auto; padding:20px 10px 20px 10px; width:98%; min-height:500px; }
	.ep_content_insc					{ height:auto; padding:20px 10px 20px 10px; width:80%; min-height:500px; }
	.ep_button_s						{ border-radius:8px; height:30px; }
	.ep_button_m						{ padding:5px; font-size:13px; border:0px; padding-left:15px; padding-right:15px; }
	.ep_button_l						{ padding:5px; font-size:13px; border:0px; padding-left:15px; padding-right:15px; min-width:150px; margin-right:10px; margin-left:10px;  }
	.ep_select select 					{ border: 0; font-size: 13px; font-weight: bold; padding: 2px 10px; width: 100%; *width: 100%; }
	.ep_select			 				{ width:100%; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
	.ep_title							{ padding-left:20px; text-align:center; font-size:30px; }
	.ep_subtitle						{ padding-left:20px; text-align:center; font-size:20px; }
	.ep_pan								{ width:95%; border-radius:0px; padding:15px; min-height:80px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_panTitle						{ padding-left:20px; padding:8px; text-align:left; font-size:18px; }
	.ep_small_pan						{ width:30%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_small_pan:hover					{ background-color:#d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_notif							{ margin:10px; font-weight:bold; width:70%; padding:5px; }
	.ep_mobile_hidden					{ display:inline; }
	.ep_screen_hidden					{ display:none; }
	.ep_mobile_title					{ display:none; }
	.pdf_include						{ width:50%; }

	/* Filieres Liste */
	.ep_fil_pan, .ep_fil_pan_alt, .ep_fil_pan_desac,
	.ep_fil_pan_beaute, .ep_fil_pan_beaute_alt, 
	.ep_fil_pan_optique, .ep_fil_pan_optique_alt, 
	.ep_fil_pan_marketing, .ep_fil_pan_marketing_alt, 
	.ep_fil_pan_RH, .ep_fil_pan_RH_alt, 
	.ep_fil_pan_design, .ep_fil_pan_design_alt	
										{ width:100%; display:inline-block; text-align:center; border-radius:5px; padding:5px; min-height:60px; font-size:12px; overflow:hidden; font-weight:normal; }
	
	/* Separation menu/page */
	.ep_left_menu						{ width:26%; padding-top:10px; background-color:#e0e0e0; box-shadow: 5px 5px 2px #998c8c; }
	.ep_right_page						{ width:73%; }
	.ep_left_menu .ep_list_etd			{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:20px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd img		{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_left_menu .ep_list_etd:hover	{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_left_menu .ep_list_etd_alt		{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:20px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd_alt img	{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_left_menu .ep_list_etd_alt:hover{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_left_menu .ep_list_etd_tension		{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:20px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd_tension img	{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_left_menu .ep_list_etd_tension:hover{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }
	
	/* Calendrier */
	.hiddenOptions 				{ max-width:40%; }
	.ep_cal_legend				{ max-height:20px; 	text-align:left; 		display:inline-block; 	margin-bottom:15px; 	width:15%; 	font-size:12px; overflow:hidden; }
	.ep_fil_legend				{ max-height:20px; 	text-align:left; 		display:inline-block; 	margin-bottom:15px; 	width:15%; 	font-size:12px; overflow:hidden; }
	.ep_cal_com					{ padding:1%; 		background-color:#fff; 	width:98%; 				white-space:pre-line; }
	.ep_cal_input				{ font-size:12px; 	text-align:center; 		margin:0px; 			width:70%; }
	.cal_alignment				{ text-align:center; }
	table.ep_cal				{ min-width:60px; max-width:20%; overflow:hidden; width:100%; border-spacing:0px; border-collapse:collapse; display:inline-block; }
	th.ep_cal					{ min-width:60px; max-width:100%; overflow:hidden; padding:5px; width:2000px; font-size:13px; }
	td.ep_cal					{ min-width:10px; max-width:11%; overflow:hidden; padding:0px; text-align:center; font-size:11px; }
	td.ep_cal2					{ min-width:10px; max-width:11%; overflow:hidden; padding:0px; text-align:center; font-size:11px; }
	td.ep_cal3					{ min-width:40px; max-width:78%; overflow:hidden; padding:0px; text-align:center; font-size:10px; height:30px; }
	td.ep_cal_sup				{ min-width:60px; max-width:78%; overflow:hidden; padding:0px; text-align:center; font-size:11px; height:31px; }

	/* Vie Scolaire */
	table.ep_list						{ width:100%; resize:none; }
 	tr.ep_list:hover					{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	th.ep_list						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_screen				 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_mobile				 	{ display:none; }

	/* Professeurs, Etudiants, Responsables, Entreprises */
	table.ep_list2						{ width:100%; resize:none; }
 	tr.ep_list2:hover					{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	th.ep_list2						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list2						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list2_screen				 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }

	/* Tout les Formulaires */
	div.ep_form							{ width:50%; resize:none; }
	table.ep_form						{ width:50%; resize:none; }
 	tr.ep_form:hover td.ep_form_title	{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	th.ep_form						 	{ text-align:center; height:30px; font-size:14px; vertical-align:middle; }
	th.ep_form_table				 	{ text-align:center; height:30px; font-size:14px; vertical-align:middle; }
	td.ep_form_title					{ width:30%; text-align:left; height:30px; font-size:13px; vertical-align:middle; }
	td.ep_form_data					 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_data_mobile			 	{ display:none; }
	td.ep_form_data_table			 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_log					 	{ text-align:right; height:20px; font-size:13px; vertical-align:middle; }

	/* Etudiants */
	.ep_list_etd						{ margin:0.5%; width:23%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_alt					{ margin:0.5%; width:23%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_tension				{ margin:0.5%; width:23%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_selected				{ margin:0.5%; width:23%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd .name					{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_alt .name				{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_tension .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_selected .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd img					{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_alt img				{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_tension img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_selected img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }

	/* Bibliotheque */
 	.ep_list_biblio						{ margin-bottom:15px; width:45%; display:inline-block; height:230px; text-align:left; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_biblio	.title				{ padding-left:10px; font-size:16px; }

	/* Mails */
	.ep_list_mail						{ padding-left:30px; padding-right:30px; margin-bottom:15px; width:50%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:left; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_mail .name					{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	
	/* Professeurs */	
	.ep_list_prof:hover 				{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }	
	.ep_list_prof						{ margin-bottom:15px; width:20%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:180px; font-size:12px; overflow:hidden; font-weight:normal; }	
	.ep_list_prof img					{ height:90%; max-height:120px; min-height:120px; width:90%; min-width:120px; max-width:120px; }

	/* EDT Prof */
	tr.ep_list3				 			{ background-color: #fff; }
	tr.ep_list3:nth-child(even) 		{ background-color: #fff; }
	tr.ep_list4			 				{ background-color:#434343; color:#ffffff; }

	/* Menu */
	nav.ep_menu, nav.ep_menu > ul 										{ background-color: #721e1f; padding-bottom: 1px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
	nav.ep_menu:before, nav.ep_menu:after, 
	nav.ep_menu > ul:before, nav.ep_menu > ul:after 					{ content: ""; display: table; }
	nav.ep_menu:after, nav.ep_menu > ul:after 							{ clear: both; }
	nav.ep_menu 														{ width: auto; zoom: 1; }
	nav.ep_menu > ul	 												{ background-color: #ba3235; margin: 0; padding: 0; position: relative; }
	nav.ep_menu > ul li 												{ margin: 0; padding: 0; list-style: none; }
	nav.ep_menu > ul > li 												{ float: left; position: relative; }
	nav.ep_menu > ul > li > a 											{ padding: 20px 18px; display: block; color: #ffffff; font-size: 12px; text-decoration: none; line-height: 11px; }
	nav.ep_menu > ul > li:hover > a 									{ background-color: #721e1f; color: #ffffff; }
	nav.ep_menu > ul > li > a > span									{ line-height: 11px; }
	nav.ep_menu > ul > li.active > a, nav.ep_menu > ul > li > a:active	{ background-color: #721e1f;  color: #ffffff;}
	nav.ep_menu > ul ul 												{ opacity: 0; visibility: hidden; position: absolute; top: 120px; background-color: #721e1f; margin: 0; padding: 0; z-index: -1; }
	nav.ep_menu > ul li:hover ul 										{ opacity: 1; visibility: visible; margin: 0; color: #ffffff;; z-index: 2; top: 50px; left: 0; }
	nav.ep_menu > ul ul:before 											{ position: absolute; top: -10px; width: 100%; height: 20px; background: transparent; }
	nav.ep_menu > ul ul li 												{ list-style: none; padding: 0; margin: 0; width: 100%; }
	nav.ep_menu > ul ul li a 											{ padding: 16px 16px; display: block; color: #ffffff; font-size: 11px; text-decoration: none; width: 150px; border-left: 4px solid transparent; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
	nav.ep_menu > ul ul li a:hover 										{ border-left: 4px solid #d12f3a; background-color: #ba3235; color: #ffffff; text-shadow: 0 1px 0 black; }
	nav.ep_menu > ul ul li a:active 									{ background-color: #ba3235; }
}

/* 1000px -> 1200px */
@media (min-width: 1000px) and (max-width: 1500px){	
	*									{ font-weight: 600; font-size:13px; }
	body								{ background: url("./bg.png"); padding:0px; margin:0px; }
	.ep_container 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:95%; }
	.ep_container2 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:80%; }
	.ep_content							{ height:auto; padding:20px 10px 20px 10px; width:98%; min-height:500px; }
	.ep_content_insc					{ height:auto; padding:20px 10px 20px 10px; width:90%; min-height:500px; }
	.ep_button_s						{ border-radius:8px; height:30px; }
	.ep_button_m						{ padding:5px; font-size:13px; border:0px; padding-left:15px; padding-right:15px; }	
	.ep_button_l						{ padding:5px; font-size:13px; border:0px; padding-left:15px; padding-right:15px; min-width:150px; margin-right:10px; margin-left:10px; }
	.ep_select select 					{ border: 0; font-size: 13px; font-weight: bold; padding: 2px 10px; width: 100%; *width: 100%; }
	.ep_select			 				{ width:100%; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
	.ep_title							{ padding-left:20px; text-align:center; font-size:30px; }
	.ep_subtitle						{ padding-left:20px; text-align:center; font-size:20px; }
	.ep_pan								{ width:95%; border-radius:0px; padding:15px; min-height:80px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_panTitle						{ padding-left:20px; padding:8px; text-align:left; font-size:18px; }
	.ep_small_pan						{ display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:30%; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_small_pan:hover					{ background-color:#d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_notif							{ margin:10px; font-weight:bold; width:70%; padding:5px; }
	.ep_mobile_hidden					{ display:inline; }
	.ep_screen_hidden					{ display:none; }
	.ep_mobile_title					{ display:none; }
	.pdf_include						{ width:50%; }
	
	/* Filieres Liste */
	.ep_fil_pan, .ep_fil_pan_alt, .ep_fil_pan_desac,
	.ep_fil_pan_beaute, .ep_fil_pan_beaute_alt, 
	.ep_fil_pan_optique, .ep_fil_pan_optique_alt, 
	.ep_fil_pan_marketing, .ep_fil_pan_marketing_alt, 
	.ep_fil_pan_RH, .ep_fil_pan_RH_alt, 
	.ep_fil_pan_design, .ep_fil_pan_design_alt	
										{ display:inline-block; text-align:center; width:100%; border-radius:5px; padding:5px; min-height:60px; font-size:12px; overflow:hidden; font-weight:normal; }
	
	/* Separation menu/page */
	.ep_left_menu						{ width:26%; padding-top:10px; background-color:#e0e0e0; box-shadow: 5px 5px 2px #998c8c; }
	.ep_right_page						{ width:73%; }
	.ep_left_menu .ep_list_etd			{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:20px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd img		{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_left_menu .ep_list_etd:hover	{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_left_menu .ep_list_etd_alt		{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:20px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd_alt img	{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_left_menu .ep_list_etd_alt:hover{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_left_menu .ep_list_etd_tension		{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:20px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd_tension img	{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_left_menu .ep_list_etd_tension:hover{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }
	
	/* Calendrier */
	.hiddenOptions 			{ max-width:60%; }	
	.ep_cal_legend			{ max-height:20px; text-align:left; display:inline-block; margin-bottom:15px; width:15%; font-size:12px; overflow:hidden; }
	.ep_fil_legend			{ max-height:20px; text-align:left; display:inline-block; margin-bottom:15px; width:15%; font-size:12px; overflow:hidden; }
	.ep_cal_com				{ padding:1%; 		background-color:#fff; 	width:98%; 		white-space: pre-line; }
	.ep_cal_input			{ font-size:12px; 	text-align:center; 		margin:0px; 	width:70%; }
	.cal_alignment			{ text-align:left; }
	table.ep_cal			{ max-width:20%;	overflow:hidden; 						width:100%; 	border-spacing:0px;		border-collapse:collapse; display:inline-block; }
	th.ep_cal				{ max-width:100%;	overflow:hidden;	padding:5px;		width:1500px; 							font-size:13px; }
	td.ep_cal				{ max-width:11%;	overflow:hidden; 	padding:5px;		width:11%;		text-align:center;		font-size:11px; }
	td.ep_cal2				{ max-width:11%;	overflow:hidden;	padding:5px;		width:11%;		text-align:center;		font-size:11px; }
	td.ep_cal3				{ max-width:78%;	overflow:hidden; 	padding:3px;		width:78%;		text-align:center;		font-size:12px; 	height:30px; }
	td.ep_cal_sup			{ max-width:78%;	overflow:hidden; 	padding:3px;		width:100%;		text-align:center;		font-size:12px; 	height:31px; }

	/* Vie Scolaire */
	table.ep_list						{ width:100%; resize:none; }
 	tr.ep_list:hover					{ background-color: #434343; transition: background-color 0.5s ease; }
	th.ep_list						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_screen				 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_mobile				 	{ display:none; }

	/* Professeurs, Etudiants, Responsables, Entreprises */
	table.ep_list2						{ width:100%; resize:none; }
 	tr.ep_list2:hover					{ background-color: #434343; transition: background-color 0.5s ease; }
	th.ep_list2						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list2						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list2_screen					{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }

	/* Tout les Formulaires */
	div.ep_form							{ width:50%; resize:none; }
	table.ep_form						{ width:50%; resize:none; }
 	tr.ep_form:hover td.ep_form_title	{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	th.ep_form						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	th.ep_form_table				 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_form_title					{ width:30%; text-align:left; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_data					 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_data_mobile			 	{ display:none; }
	td.ep_form_data_table				{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_log					 	{ text-align:right; height:20px; font-size:13px; vertical-align:middle; }
	
	/* Etudiants */
	.ep_list_etd						{ margin:0.9%; width:22%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_alt					{ margin:0.9%; width:22%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_tension				{ margin:0.9%; width:22%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_selected				{ margin:0.9%; width:22%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd .name					{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_alt .name				{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_tension .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_selected .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd img					{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_alt img				{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_tension img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_selected img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }

	/* Bibliotheque */
	.ep_list_biblio						{ margin-bottom:15px; width:45%; display:inline-block; height:230px; text-align:left; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_biblio	.title				{ padding-left:10px; font-size:16px; }

	/* Mails */
	.ep_list_mail						{ padding-left:30px; padding-right:30px; margin-bottom:15px; width:50%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:left; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_mail .name					{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	
	/* Professeurs */
	.ep_list_prof:hover 				{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	.ep_list_prof						{ margin-bottom:15px; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:20%; border-radius:5px; padding:5px; min-height:180px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_prof .name					{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_prof img					{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }

	/* EDT Prof */
	tr.ep_list3				 			{ background-color: #fff; }
	tr.ep_list3:nth-child(even) 		{ background-color: #fff; }
	tr.ep_list4			 				{ background-color:#434343; color:#ffffff; }

	/* Menu */
	nav.ep_menu, nav.ep_menu > ul 										{ background-color: #721e1f; padding-bottom: 1px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
	nav.ep_menu:before, nav.ep_menu:after, 	
	nav.ep_menu > ul:before, nav.ep_menu > ul:after 					{ content: ""; display: table; }
	nav.ep_menu:after, nav.ep_menu > ul:after 							{ clear: both; }
	nav.ep_menu 														{ width: auto; zoom: 1; }
	nav.ep_menu > ul	 												{ background-color: #ba3235; margin: 0; padding: 0; position: relative; }
	nav.ep_menu > ul li 												{ margin: 0; padding: 0; list-style: none; }
	nav.ep_menu > ul > li 												{ float: left; position: relative; }
	nav.ep_menu > ul > li > a 											{ padding: 20px 18px; display: block; color: #ffffff; font-size: 12px; text-decoration: none; line-height: 11px; }
	nav.ep_menu > ul > li:hover > a 									{ background-color: #721e1f; color: #ffffff; }
	nav.ep_menu > ul > li > a > span									{ line-height: 11px; }
	nav.ep_menu > ul > li.active > a, nav.ep_menu > ul > li > a:active	{ background-color: #721e1f;  color: #ffffff;}
	nav.ep_menu > ul ul 												{ opacity: 0; visibility: hidden; position: absolute; top: 120px; background-color: #721e1f; margin: 0; padding: 0; z-index: -1; }
	nav.ep_menu > ul li:hover ul 										{ opacity: 1; visibility: visible; margin: 0; color: #ffffff;; z-index: 2; top: 50px; left: 0; }	
	nav.ep_menu > ul ul:before 											{ position: absolute; top: -10px; width: 100%; height: 20px; background: transparent; }
	nav.ep_menu > ul ul li 												{ list-style: none; padding: 0; margin: 0; width: 100%; }
	nav.ep_menu > ul ul li a 											{ padding: 16px 16px; display: block; color: #ffffff; font-size: 11px; text-decoration: none; width: 150px; border-left: 4px solid transparent; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
	nav.ep_menu > ul ul li a:hover 										{ border-left: 4px solid #d12f3a; background-color: #ba3235; color: #ffffff; text-shadow: 0 1px 0 black; }
	nav.ep_menu > ul ul li a:active 									{ background-color: #ba3235; }
}

/* 480px -> 1000px */
@media (min-width: 480px) and (max-width: 1000px)
{
	*									{ font-weight: 600; font-size:13px; }
	body								{ background: url("./bg.png"); padding:0px; margin:0px; }
	fieldset							{ border:1px solid black !important; padding:10px; width:93%; }	
	.ep_container 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:95%; }
	.ep_container2 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:95%; }
	.ep_content							{ height:auto; padding:20px 10px 20px 10px; width:98%; min-height:500px; }
	.ep_content_insc					{ height:auto; padding:20px 10px 20px 10px; width:98%; min-height:500px; }
	.ep_button_s						{ border-radius:8px; height:30px; }
	.ep_button_m						{ padding:5px; font-size:13px; border:0px; padding-left:15px; padding-right:15px; }
	.ep_button_l						{ padding:5px; font-size:13px; border:0px; min-width:100px; width:100%; margin-bottom:10px; }
	.ep_select select 					{ border: 0; font-size: 13px; font-weight: bold; padding: 2px 10px; width: 100%; *width: 100%; }
	.ep_select			 				{ width:100%; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
	.ep_title							{ padding-left:20px; text-align:center; font-size:25px; }
	.ep_subtitle						{ padding-left:20px; text-align:center; font-size:18px; }
	.ep_pan								{ width:95%; border-radius:0px; padding:15px; min-height:80px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_panTitle						{ padding-left:20px; padding:8px; text-align:left; font-size:18px; }
	.ep_small_pan						{ text-align:center; width:100%; padding-top:5px; padding-bottom:5px; min-height:20px; border-radius:5px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_small_pan:hover					{ background-color:#d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_notif							{ margin:10px; font-weight:bold; width:70%; padding:5px; }
	.ep_mobile_hidden					{ display:none; }
	.ep_screen_hidden					{ display:inline; }
	.ep_mobile_title					{ display:none; }
	.pdf_include						{ width:100%; }

	/* Filieres Liste */
	.ep_fil_pan, .ep_fil_pan_alt, .ep_fil_pan_desac,
	.ep_fil_pan_beaute, .ep_fil_pan_beaute_alt, 
	.ep_fil_pan_optique, .ep_fil_pan_optique_alt, 
	.ep_fil_pan_marketing, .ep_fil_pan_marketing_alt, 
	.ep_fil_pan_RH, .ep_fil_pan_RH_alt, 
	.ep_fil_pan_design, .ep_fil_pan_design_alt	
										{ text-align:center; width:100%; min-height:80px; padding-top:5px; padding-bottom:5px; border-radius:5px; font-size:12px; overflow:hidden; font-weight:normal; }
	
	/* Separation menu/page */
	.ep_left_menu						{ width:100%; padding-top:10px; }
	.ep_right_page						{ width:100%; }
	.ep_left_menu .ep_list_etd			{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd:hover	{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }
	
	/* Calendrier */
	.hiddenOptions			{ max-width:100%; }
	.ep_cal_legend			{ max-height:20px; 	text-align:left; 		display:inline-block; 	margin-bottom:15px; 	width:30%; 	font-size:12px; 	overflow:hidden; }
	.ep_fil_legend			{ max-height:20px; 	text-align:left; 		display:inline-block; 	margin-bottom:15px; 	width:30%; 	font-size:12px; 	overflow:hidden; }
	.ep_cal_com				{ padding:1%; 		background-color:#fff; 	width:98%; 		white-space: pre-line; }
	.ep_cal_input			{ font-size:12px; 	text-align:center;		margin:0px;		width:70%; }
	.cal_alignment			{ text-align:left; }
	table.ep_cal			{ max-width:100%;		overflow:hidden; 					width:100%;		border-spacing:0px; 	border-collapse:collapse; 	display:inline-block; }
	th.ep_cal				{ max-width:100%;		overflow:hidden; 	padding:5px;	width:1500px;							font-size:13px; }
	td.ep_cal				{ max-width:11%;		overflow:hidden; 	padding:5px;	width:11%;		text-align:center;		font-size:11px; }
	td.ep_cal2				{ max-width:11%;		overflow:hidden; 	padding:5px;	width:11%;		text-align:center;		font-size:11px; }
	td.ep_cal3				{ max-width:78%;		overflow:hidden; 	padding:3px;	width:78%;		text-align:center;		font-size:12px;		height:30px; }
	td.ep_cal_sup			{ max-width:100%;		overflow:hidden; 	padding:3px;	width:100%;		text-align:center;		font-size:12px;		height:31px; }

	/* Vie Scolaire */
	table.ep_list						{ width:100%; resize:none; }
 	tr.ep_list:hover					{ background-color: #434343; transition: background-color 0.5s ease; }
	th.ep_list						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_screen				 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_mobile				 	{ display:none; }

	/* Professeurs, Etudiants, Responsables, Entreprises */
	table.ep_list2						{ width:100%; resize:none; }
 	tr.ep_list2:hover					{ background-color: #434343; transition: background-color 0.5s ease; }
	th.ep_list2						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list2						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list2_screen				 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }

	/* Tout les Formulaires */
	div.ep_form							{ width:70%; resize:none; }
	table.ep_form						{ width:70%; resize:none; }
 	tr.ep_form:hover td.ep_form_title	{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	th.ep_form						 	{ display:none; text-align:center; height:40px; font-size:14px; vertical-align:middle; }
	th.ep_form_table				 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_form_title					{ width:30%; text-align:left; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_data					 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle;  width:100%; display:block; }
	td.ep_form_data_mobile			 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle;  width:100%; display:block; }
	td.ep_form_data_table			 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle;  width:100%; display:block; }
	td.ep_form_log					 	{ text-align:right; height:20px; font-size:13px; vertical-align:middle; }

	/* Etudiants */
	.ep_list_etd						{ margin:2%; width:45%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_alt					{ margin:2%; width:45%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_tension				{ margin:2%; width:45%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_selected				{ margin:2%; width:45%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd .name					{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_alt .name				{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_tension .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_selected .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd img					{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_alt img				{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_tension img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_selected img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }

	/* Bibliotheque */
	.ep_list_biblio						{ margin-bottom:15px; width:94%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_biblio .name				{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }

	/* Mails */
	.ep_list_mail						{ margin-bottom:15px; width:70%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_mail .name					{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	
	/* Professeurs */
	.ep_list_prof:hover 				{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	.ep_list_prof						{ margin-bottom:15px; width:99%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_prof .name					{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_prof img					{ display:none; }

	/* EDT Prof */
	tr.ep_list3				 			{ background-color: #fff; }
	tr.ep_list3:nth-child(even) 		{ background-color: #fff; }
	tr.ep_list4			 				{ background-color:#434343; color:#ffffff; }

	/* Menu */
	nav.ep_menu 						{ padding: 20px; background-color: #ba3235; color:#ffffff;  text-align: center; }
	nav.ep_menu ul 						{ display: none; list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 0; }
	nav.ep_menu ul.expanded 			{ display: block; }
	nav.ep_menu li a 					{ display: block; padding: 10px 0; border-top: 1px solid #fff; font-size: 1.2em; color: #ffffff; font-weight:bold; text-decoration: none; }
	nav.ep_menu 						{ display: block; text-align: center;  color: #ffffff; text-decoration: none; font-weight:bold; }
	nav.ep_menu a.ep_menu_button		{ display: block; text-align: right;  color: #ffffff; text-decoration: none; font-weight:bold; }
	nav.ep_menu a.ep_menu_button:hover 	{ color: #ffffff; text-decoration: none; }
}

/* 0px -> 480px */
@media (max-width: 480px)
{
	*									{ font-weight: 600; font-size:13px; }
	body								{ padding:0px; margin:0px; }
	a:link								{ font-size:11px; }
	a:visited							{ font-size:11px; }
	a:hover								{ font-size:11px; }
	input 								{ font-size:11px; }
	fieldset							{ border:1px solid black !important; padding:10px; width:93%; }	
	.ep_container 						{ display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; width:95%; }
	.ep_container2 						{ display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; width:95%; }
	.ep_content							{ height:auto; width:100%; min-height:500px; }
	.ep_content_insc					{ height:auto; width:100%; min-height:500px; }
	.ep_button_s						{ border-radius:8px; height:30px; }
	.ep_button_m						{ padding:5px; font-size:13px; border:0px; }
	.ep_button_l						{ padding:5px; font-size:13px; border:0px; min-width:100px; width:100%; margin-bottom:10px; }
	.ep_select select 					{ border: 0; font-size: 13px; font-weight: bold; padding: 2px 10px; width: 100%; *width: 100%; }
	.ep_select			 				{ width:100%; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
	.ep_title							{ padding-top:20px; text-align:center; font-size:20px; }
	.ep_subtitle						{ padding-top:20px; padding-left:10px; text-align:center; font-size:20px; }
	.ep_pan								{ width:95%; border-radius:0px; padding:5px; min-height:80px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_panTitle						{ padding-left:20px; padding:8px; text-align:left; font-size:18px; }
	.ep_small_pan						{ text-align:center; width:100%; padding-top:5px; padding-bottom:5px; min-height:20px; border-radius:5px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_small_pan:hover					{ background-color:#d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_notif							{ margin:5px; font-weight:bold; width:90%; padding:5px; }
	.ep_mobile_hidden					{ display:none; }
	.ep_screen_hidden					{ display:inline; }
	.ep_mobile_title					{ display:inline; }
	.pdf_include						{ width:100%; }
	
	/* Filieres Liste */
	.ep_fil_pan, .ep_fil_pan_alt, .ep_fil_pan_desac,
	.ep_fil_pan_beaute, .ep_fil_pan_beaute_alt, 
	.ep_fil_pan_optique, .ep_fil_pan_optique_alt, 
	.ep_fil_pan_marketing, .ep_fil_pan_marketing_alt, 
	.ep_fil_pan_RH, .ep_fil_pan_RH_alt, 
	.ep_fil_pan_design, .ep_fil_pan_design_alt	
										{ text-align:center; width:100%; min-height:80px; padding-top:5px; padding-bottom:5px; border-radius:5px; font-size:12px; overflow:hidden; font-weight:normal; }
	
	/* Separation menu/page */
	.ep_left_menu						{ width:100%; padding-top:10px; }
	.ep_right_page						{ width:100%; }
	.ep_left_menu .ep_list_etd			{ margin-bottom:15px; width:100%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd:hover	{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }

	/* Calendrier */
	.hiddenOptions			{ max-width:100%; }
	.ep_cal_legend			{ max-height:20px; 	text-align:left; 		display:inline-block; 	margin-bottom:15px; 	width:50%; 	font-size:11px; 	overflow:hidden; }
	.ep_fil_legend			{ max-height:20px; 	text-align:left; 		display:inline-block; 	margin-bottom:15px; 	width:50%; 	font-size:11px; 	overflow:hidden; }
	.ep_cal_com				{ padding:1%; 		background-color:#fff; 	width:98%;  			white-space:pre-line; }
	.ep_cal_input			{ font-size:11px; 	text-align:center; 		margin:0px; 			width:70%; }
	.cal_alignment			{ text-align:left; }
	table.ep_cal			{ max-width:100%; 		overflow:hidden; 	width:100%;		border-spacing:0px;		border-collapse:collapse; 	display:inline-block; }
	tr.ep_cal				{ max-width:100%; 		overflow:hidden;	width:100%;		margin:2px;				padding:2px; 				height:30px; }
	th.ep_cal				{ max-width:100%; 		overflow:hidden;	width:500px;	margin:2px;				padding:2px; 				height:30px; }
	td.ep_cal				{ max-width:11%;		overflow:hidden;	width:11%;		margin:1px;				padding:1px; 				text-align:center; }
	td.ep_cal2				{ max-width:11%;		overflow:hidden;	width:11%;		margin:1px;				padding:1px; 				text-align:center; }
	td.ep_cal3				{ max-width:78%;		overflow:hidden; 	width:78%;		margin:1px;				padding:1px; 				text-align:center; 		font-size:11px; 	height:30px; }
	td.ep_cal_sup			{ max-width:100%;		overflow:hidden; 	width:100%;		margin:1px;				padding:3px;				text-align:center; 		font-size:11px; 	height:32px; }
	
	/* Vie Scolaire */
	table.ep_list			 			{ width:100%; border-spacing: 0px; border-collapse: separate; border:0px solid black; }
	tr.ep_list				 			{ background-color: #fff; }
	tr.ep_list:nth-child(even) 			{ background-color: #fff; }
	th.ep_list						 	{ display:none; text-align:center; height:40px; font-size:11px; vertical-align:middle; }
	td.ep_list						 	{ text-align:center; height:20px; font-size:11px; vertical-align:middle; border-bottom:1px solid grey; }
	td.ep_list_screen				 	{ display:none; }
	td.ep_list_mobile				 	{ text-align:center; height:20px; font-size:11px; vertical-align:middle; }

	/* Professeurs, Etudiants, Responsables, Entreprises */
	table.ep_list2		 				{ width:100%; border-spacing: 0px; border-collapse: separate; }
	tr.ep_list2			 				{ background-color:#434343; color:#ffffff; }
	th.ep_list2					 		{ display:none; text-align:center; height:40px; font-size:11px; vertical-align:middle; }
	td.ep_list2					 		{ padding-top:5px; padding-bottom:5px; text-align:center; height:20px; font-size:11px; vertical-align:middle; }
	td.ep_list2_screen				 	{ display:none; }

	/* EDT Prof */
	tr.ep_list3				 			{ background-color: #fff; }
	tr.ep_list3:nth-child(even) 		{ background-color: #fff; }
	tr.ep_list4			 				{ background-color:#434343; color:#ffffff; }

	/* Tout les Formulaires */
	div.ep_form							{ width:100%; resize:none; }
	table.ep_form						{ width:100%; border-spacing: 0px; border-collapse: separate; border:0px solid black; resize:none; }
 	tr.ep_form				 			{ background-color: #fff; }
	tr.ep_form:nth-child(even) 			{ background-color: #fff; }
	th.ep_form						 	{ display:none; text-align:center; height:40px; font-size:11px; vertical-align:middle; }
	th.ep_form_table				 	{ text-align:center; height:40px; font-size:11px; vertical-align:middle; }
	td.ep_form_title					{ width:30%; text-align:left; height:20px; font-size:11px; vertical-align:middle; }
	td.ep_form_data					 	{ text-align:center; height:20px; font-size:11px; vertical-align:middle;  width:100%; display:block; }
	td.ep_form_data_mobile			 	{ text-align:center; height:20px; font-size:11px; vertical-align:middle;  width:100%; display:block; }
	td.ep_form_data_table			 	{ text-align:center; height:20px; font-size:11px; vertical-align:middle;  width:100%; display:block; }
	td.ep_form_log					 	{ display:none; }

	/* Etudiants */
	.ep_list_etd						{ margin:2%; width:95%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_alt					{ margin:2%; width:95%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_tension				{ margin:2%; width:95%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_selected				{ margin:2%; width:95%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd .name					{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_alt .name				{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_tension .name			{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_selected .name			{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd img					{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_alt img				{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_tension img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_selected img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	
	/* Bibliotheque */
	.ep_list_biblio						{ margin-bottom:15px; width:94%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_biblio .name				{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }

	/* Mails */
	.ep_list_mail						{ margin-bottom:15px; width:90%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:left; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_mail .name					{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	
	/* Professeurs */
	.ep_list_prof:hover 				{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	.ep_list_prof						{ margin-bottom:15px; width:100%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_prof .name					{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_prof img					{ display:none; }

	/* Menu */
	nav.ep_menu 							{ padding: 20px; background-color: #ba3235; color: #ffffff;  text-align: center; }
	nav.ep_menu ul 							{ display: none; list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 0; }
	nav.ep_menu ul.expanded 				{ display: block; }
	nav.ep_menu li a 						{ display: block; padding: 10px 0; border-top: 1px solid #fff; font-size: 1.2em; color: #ffffff; font-weight:bold; text-decoration: none; }
	nav.ep_menu 							{ display: block; text-align: center;  color:#ffffff; text-decoration: none; font-weight:bold; }
	nav.ep_menu a.ep_menu_button		 	{ display: block; text-align: right;  color: #ffffff; text-decoration: none; font-weight:bold; }
	nav.ep_menu a.ep_menu_button:hover	 	{ color: #ffffff; text-decoration: none; }
}

/* Administration */
.textwrapper							{ border:1px solid #999999; margin:5px; padding:3px; }
.formInput								{ width:100%;background-color:#ececec;color:#d12f3a;margin-top:10px;font-weight:bold; }
td#nouvInscrip_input					{ border:0px solid black;height:20px;background-color:white;font-size:14px;vertical-align:middle;margin:0px;padding:0px; }
.nouvInscrip_titre					 	{ border:0px solid black;height:20px;text-align:left;background-color:white;font-size:14px;vertical-align:middle;margin:0px;padding:0px;padding-left:10px;}
.nouvInscrip_titre2					 	{ border:0px solid black;height:20px;text-align:center;background-color:white;font-size:14px;vertical-align:middle;margin:0px;padding:0px;padding-left:30px;padding-right:5px;margin-left:10px;}

/* Impression */
@media print {
	body * { visibility: hidden; }
	.ep_content, .ep_content * { visibility: visible; }
	.ep_content { position: absolute; left: 0; top: 0; }	
	.ep_container 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:95%; }
	.ep_container2 						{ padding:15px; display:table; height:100%; margin:auto; margin-top:0px; margin-bottom:0px; box-shadow: 0px 0px 80px #555; width:80%; }
	.ep_content							{ height:auto; padding:20px 10px 20px 10px; width:98%; min-height:500px; }
	.ep_content_insc					{ height:auto; padding:20px 10px 20px 10px; width:90%; min-height:500px; }
	.ep_button_s						{ border-radius:8px; height:30px; }
	.ep_button_m						{ padding:5px; font-size:13px; border:0px; padding-left:15px; padding-right:15px; }	
	.ep_button_l						{ padding:5px; font-size:13px; border:0px; padding-left:15px; padding-right:15px; min-width:150px; margin-right:5px; margin-left:5px; }
	.ep_select select 					{ border: 0; font-size: 13px; font-weight: bold; padding: 2px 10px; width: 100%; *width: 100%; }
	.ep_select			 				{ width:100%; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
	.ep_title							{ padding-left:20px; text-align:center; font-size:30px; }
	.ep_subtitle						{ padding-left:20px; text-align:left; font-size:20px; }
	.ep_pan								{ width:95%; border-radius:0px; padding:15px; min-height:80px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_panTitle						{ padding-left:20px; padding:8px; text-align:left; font-size:18px; }
	.ep_small_pan						{ display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:100%; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_small_pan:hover					{ background-color:#d14651; color:#fff; transition: background-color 0.5s ease; }
	.ep_notif							{ margin:10px; font-weight:bold; width:70%; padding:5px; }
	.ep_mobile_hidden					{ display:inline; }
	.ep_screen_hidden					{ display:none; }
	.ep_mobile_title					{ display:none; }
	
	/* Filieres Liste */
	.ep_fil_pan, .ep_fil_pan_alt, .ep_fil_pan_desac,
	.ep_fil_pan_beaute, .ep_fil_pan_beaute_alt, 
	.ep_fil_pan_optique, .ep_fil_pan_optique_alt, 
	.ep_fil_pan_marketing, .ep_fil_pan_marketing_alt, 
	.ep_fil_pan_RH, .ep_fil_pan_RH_alt, 
	.ep_fil_pan_design, .ep_fil_pan_design_alt	
										{ display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:100%; min-height:80px; border-radius:5px; padding:5px; font-size:12px; overflow:hidden; font-weight:normal; }
	
	/* Separation menu/page */
	.ep_left_menu						{ width:26%; padding-top:10px; background-color:#e0e0e0; box-shadow: 5px 5px 2px #998c8c; }
	.ep_right_page						{ width:73%; }
	.ep_left_menu .ep_list_etd			{ margin-bottom:15px; width:90%; display:inline-block; border-radius:0px; text-align:center; min-height:20px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_left_menu .ep_list_etd img		{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_left_menu .ep_list_etd:hover	{ background-color: #d14651; color:#fff; transition: background-color 0.5s ease; }

	/* Vie Scolaire */
	table.ep_list						{ width:100%; resize:none; }
 	tr.ep_list:hover					{ background-color: #434343; transition: background-color 0.5s ease; }
	th.ep_list						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_screen				 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list_mobile				 	{ display:none; }

	/* Professeurs, Etudiants, Responsables, Entreprises */
	table.ep_list2						{ width:100%; resize:none; }
 	tr.ep_list2:hover					{ background-color: #434343; transition: background-color 0.5s ease; }
	th.ep_list2						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_list2						 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_list2_screen					{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }

	/* Tout les Formulaires */
	div.ep_form							{ width:50%; resize:none; }
	table.ep_form						{ width:50%; resize:none; }
 	tr.ep_form:hover td.ep_form_title	{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	th.ep_form						 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	th.ep_form_table				 	{ text-align:center; height:20px; font-size:14px; vertical-align:middle; }
	td.ep_form_title					{ width:30%; text-align:left; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_data					 	{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_data_mobile			 	{ display:none; }
	td.ep_form_data_table				{ text-align:center; height:20px; font-size:13px; vertical-align:middle; }
	td.ep_form_log					 	{ text-align:right; height:20px; font-size:13px; vertical-align:middle; }
	
	/* Etudiants */
	.ep_list_etd						{ margin-bottom:15px; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:20%; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd .name					{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd img					{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_alt					{ margin-bottom:15px; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:20%; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_alt .name				{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_alt img				{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_tension				{ margin-bottom:15px; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:20%; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_tension .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_tension img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }
	.ep_list_etd_selected				{ margin-bottom:15px; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:20%; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_etd_selected .name			{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_etd_selected img			{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }

	/* Bibliotheque */
	.ep_list_biblio						{ margin-bottom:15px; width:45%; display:inline-block; height:230px; text-align:left; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_biblio	.title				{ padding-left:10px; font-size:16px; }

	/* Mails */
	.ep_list_mail						{ padding-left:30px; padding-right:30px; margin-bottom:15px; width:50%; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:left; border-radius:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_mail .name					{ margin-bottom:5px; font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	
	/* Professeurs */
	.ep_list_prof:hover 				{ background-color: #434343; color:#fff; transition: background-color 0.5s ease; }
	.ep_list_prof						{ margin-bottom:15px; display:inline-block; box-shadow: 5px 5px 2px #998c8c; text-align:center; width:20%; border-radius:5px; padding:5px; min-height:30px; font-size:12px; overflow:hidden; font-weight:normal; }
	.ep_list_prof .name					{ font-size:11px; width:100%; text-align:center; height:17px; overflow:hidden; }
	.ep_list_prof img					{ height:90%; min-height:120px; max-height:120px; width:90%; min-width:120px; max-width:120px; }

	/* Calendrier */
	.ep_cal_legend						{ max-height:20px; text-align:left; display:inline-block; margin-bottom:15px; width:15%; font-size:12px; overflow:hidden; }
	.ep_fil_legend						{ max-height:20px; text-align:left; display:inline-block; margin-bottom:15px; width:15%; font-size:12px; overflow:hidden; }
	.ep_cal_com							{ padding:1%; background-color:#fff; width:98%; white-space: pre-line; }
	.ep_cal_input						{ font-size:12px; text-align:center;margin:0px;width:70%; }
	table.ep_cal						{ min-width:50px; max-width:15%; overflow:hidden; width:15%; border-spacing:0px; border-collapse:collapse; display:inline-block; }
	th.ep_cal							{ min-width:50px; max-width:7%; overflow:hidden; padding:5px; width:17%; font-size:13px; }
	td.ep_cal							{ min-width:6px; max-width:1%; overflow:hidden; padding:5px; width:1%; text-align:center; font-size:11px; }
	td.ep_cal2							{ min-width:38px; max-width:5%; overflow:hidden; padding:3px; width:5%; text-align:center; font-size:12px; height:30px; }
	td.ep_cal_sup						{ min-width:60px; max-width:7%; overflow:hidden; padding:3px width:5%; text-align:center; font-size:12px; height:30px; }

	/* EDT Prof */
	tr.ep_list3				 			{ background-color: #fff; }
	tr.ep_list3:nth-child(even) 		{ background-color: #fff; }
	tr.ep_list4			 				{ background-color:#434343; color:#ffffff; }

	/* Menu */
	nav.ep_menu, nav.ep_menu > ul 										{ background-color: #721e1f; padding-bottom: 1px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
	nav.ep_menu:before, nav.ep_menu:after, 	
	nav.ep_menu > ul:before, nav.ep_menu > ul:after 					{ content: ""; display: table; }
	nav.ep_menu:after, nav.ep_menu > ul:after 							{ clear: both; }
	nav.ep_menu 														{ width: auto; zoom: 1; }
	nav.ep_menu > ul	 												{ background-color: #ba3235; margin: 0; padding: 0; position: relative; }
	nav.ep_menu > ul li 												{ margin: 0; padding: 0; list-style: none; }
	nav.ep_menu > ul > li 												{ float: left; position: relative; }
	nav.ep_menu > ul > li > a 											{ padding: 20px 18px; display: block; color: #ffffff; font-size: 12px; text-decoration: none; line-height: 11px; }
	nav.ep_menu > ul > li:hover > a 									{ background-color: #721e1f; color: #ffffff; }
	nav.ep_menu > ul > li > a > span									{ line-height: 11px; }
	nav.ep_menu > ul > li.active > a, nav.ep_menu > ul > li > a:active	{ background-color: #721e1f;  color: #ffffff;}
	nav.ep_menu > ul ul 												{ opacity: 0; visibility: hidden; position: absolute; top: 120px; background-color: #721e1f; margin: 0; padding: 0; z-index: -1; }
	nav.ep_menu > ul li:hover ul 										{ opacity: 1; visibility: visible; margin: 0; color: #ffffff;; z-index: 2; top: 50px; left: 0; }	
	nav.ep_menu > ul ul:before 											{ position: absolute; top: -10px; width: 100%; height: 20px; background: transparent; }
	nav.ep_menu > ul ul li 												{ list-style: none; padding: 0; margin: 0; width: 100%; }
	nav.ep_menu > ul ul li a 											{ padding: 16px 16px; display: block; color: #ffffff; font-size: 11px; text-decoration: none; width: 150px; border-left: 4px solid transparent; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
	nav.ep_menu > ul ul li a:hover 										{ border-left: 4px solid #d12f3a; background-color: #ba3235; color: #ffffff; text-shadow: 0 1px 0 black; }
	nav.ep_menu > ul ul li a:active 									{ background-color: #ba3235; }
}
