*
{
	margin:0px;
	padding:0px;
	font-family:arial;
}

fieldset, #menu
{
	margin-top:5%;
	padding-top:1%;
	margin-bottom:2%;
}

#menu
{
	border-bottom:2px solid #002D56;
}

.unbreakable
{
	white-space:nowrap;
}

.clear
{
	clear:both;
}

.little
{
	font-size:0.9em;
}

.title
{
	border-bottom:1px solid #002D56;
}

.center
{
	text-align:center;
}

.left
{
	text-align:left;
}

.right
{
	text-align:right;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;	
}

.fullplace
{
	width:100%;	
}

.centerd
{
	margin:auto;
}

.float_r
{
	float:right;
}

.error
{
	color:#ff0000;	
}

.closed
{
	color:#C5C3C3;
}

.noerror
{
	color:#002D56;	
}

.bg
{
	background-color:#002D56;
}

.blue
{
	color:#002D56;
}

.white
{
	color:#FFFFFF;
}

.invisible
{
	display:none;
}

.click
{
	cursor:pointer;
	cusor:hand;
}

#site, #footer
{
	width:870px;
	padding:15px;
	margin:auto;
}

#site
{
	background-image:url('/img/footer.png');
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	padding-bottom:8%;
}

#connexion
{
	width:20%;
	margin:auto;
	margin-top:5%;
	margin-bottom:5%;
}

#connexion input
{
	padding:5px;
	margin:5px;
}

#connexion #login, #connexion #pass
{
	background-repeat:no-repeat;
	border:1px solid grey;
	border-left:0px;
	border-top:0px;
	text-indent:20px;
}

#connexion #login
{
	background-image:url('/img/icon_login.png');
}

#connexion #pass
{
	background-image:url('/img/icon_pass.png');
}

#footer
{
	background-image:url('/img/logo_footer.png');
	background-repeat:no-repeat;
	background-position:right;
	height:77px;
	color:#FFFFFF;
	font-size:0.8em;
}

#footer a, #footer a:hover, #footer a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}

#log_client table, #log_agent table, #log_manager table, #incident table, #closeincident table
{
	width:100%;
	border-collapse:collapse;
}

#incident table
{
	margin:auto;
	width:50%;
}

#incident table, #incident table td, #log_agent table, #log_agent td, #closeincident table, #closeincident td
{
	border:1px solid #F0F0F0;
}


#closeincident table
{
	margin:auto;
	width:80%;
}


#log_agent #incidents
{
	font-size:0.9em;
}

#log_agent .state
{
	width:5%;
}

#log_agent .place
{
	width:35%;
}

#log_agent .date
{
	width:10%;
}

#log_agent .desc
{
	width:40%;
}

#display_charts
{
	margin-top:5%;
	border-top:1px solid #002D56;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
	border:1px solid black;
	background:#39617C;
}

#display_incidents
{
	border-bottom:1px solid black;
	margin-bottom:30px;
	padding-bottom:0.25em;;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
	padding-right:1.5em;	
}

#incidents_tab_actions
{
	background:white;
}

/* --------------------------------------------- 	
 Media queries for responsive design
--------------------------------------------- */
/* --- Tablet Landscape --- */
@media screen and (max-width: 1100px) {
	
	#site, #footer
	{
		width:100%;
		padding:5%;
		padding-bottom:15%;
	}
	
	#connexion
	{
		width:auto;
		margin:none;
	}
	
	fieldset, #menu
	{
		margin-top:5%;
		padding-top:5%	
	}

	#incident table
	{
		width:90%;
	}

	#log_agent .state, #log_agent .place, #log_agent .date, #log_agent .desc
	{
		width:auto;
	}
}

/* --- Tablet Portrait --- */
@media screen and (max-width: 880px) {
}

/* --- Smartphones Portrait --- */
@media screen and (max-width : 650px) {
}

/* --- Smartphones Landscape --- */
@media screen and (max-width : 320px) {
	
}

#footer .languages
{
	position: absolute;
	bottom: 10px;
}

#connect .languages
{
	text-align:right;
}

.languages a
{
	border:1px solid transparent;
	padding-left:2px;
	padding-right:2px;
}

.languages a.active
{
	border:1px solid #002D56;	
}

#footer .languages a.active
{
	border-color:white;
	padding:0px;
}