/* @override 
	http://demo.geoconnect.fr/fleetstyle-neopost2.css
	http://demo.geoconnect.fr/fleetstyle-neopost.css */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

@font-face {
  font-family: 'Roboto Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v14/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v14/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fonts.gstatic.com/s/roboto/v14/7m8l7TlFO-S3VkhHuR0atywlidHJgAgmTjOEEzwu1L8.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('Roboto Condensed Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v12/Zd2E9abXLFGSr9G3YK2MsMEHkXu385rSv8spHqOuvSI.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(http://fonts.gstatic.com/s/robotocondensed/v12/b9QBgL0iMZfDSpmcXcE8nPVE82mBoqAQeMZO1WdebIw.ttf) format('truetype');
}



/* General font families for common tags */

a:link,a:active,a:visited { color : #505050;
	font: 11px Verdana, sans-serif;
}

a:hover		{ text-decoration: underline; color : #000; }

hr	{
	height: 0px;
	border-top: 1px solid #3E282B;
	border-right: 0px solid #3E282B;
	border-bottom: 0px solid #3E282B;
	border-left: 0px solid #3E282B;
}

/* This is the border line & background colour round the entire page */
.bodyline	{
	width: 100%;
	height: 80%;
}

.topline {
	border-top: 1px solid #3E282B;
	border-right: 1px solid #3E282B;
	border-bottom: 0px solid #3E282B;
	border-left: 1px solid #3E282B;
 	width: 95%;
	margin: 0px;
	padding: 0px;
}

.bottomline {	border-bottom: 1px solid #3E282B;}

.tablereport {
	background-color: #EFEFE9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
}

.bigtitle {
	font-family: 'Roboto Condensed Regular', Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	font-weight: bolder;
}

.underline {
	text-decoration: underline;
	font-size: 12px;

}


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: 'Roboto Condensed Regular', Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* at the top of the page */
.menuh		{

}

td.menuh {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 8px;
	background-color: #737373;
	color : #FFFFFF;
}

a.menuh:link   { text-decoration: none; color : #FFFFFF; }
a.menuh:visited { text-decoration: none; color : #FFFFFF; }
a.menuh:hover{
	text-decoration: none;
	color : #FFE604;

}

.menureg		{
	font-size : 11px;
	color : #FFFFFF;
	font-weight: bold;
	background-color: #88A2D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.menureg:link   { text-decoration: none; color : #FFFFFF; }
a.menureg:visited { text-decoration: none; color : #FFFFFF; }
a.menureg:hover {
	text-decoration: none;
	color : #FFE604;
}

.cellmenureg		{
	font-size : 11px;
	color : #FFFFFF;
	font-weight: bold;
	background-color: #88A2D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Copyright and bottom info */
.copyright		{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: -1px;
	background-color: #fff;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: 3F69C0;
	border-right-color: 3F69C0;
	border-bottom-color: 3F69C0;
	border-left-color: 3F69C0;*/
	border-top: 1px solid #505050;
	padding-top: 15px;
}
a.copyright		{ color: #FFFFFF; text-decoration: none;}

a.copyright:hover { color: #FFFFFF; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { }

/* The buttons used in message post */
input.button {
	color : #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tabletitle {
	font-family: 'Roboto Condensed Regular', Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ED7117;
}

.tabletitle b {
	font-family: 'Roboto Condensed Regular', Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	color : #ED7117;
	font-weight: normal;
}

.smalltext {
	font: normal 13px 'Roboto Condensed Regular', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/* Main table cell colours and backgrounds */
td.row1	{
	background-color: #eee;
	font: 11px Verdana;
}
td.row2	{
	background-color: #FFFFFF;
	font: 11px Verdana;
}

td.row3	{
	background-color: #eee;
	font-size: 11px;
}

/* This is the outline round the main forum tables */
.reportline	{ background-color: #FFFFFF;  }
.bigtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;

}
.mediumtext {
	font-size: 12px;
}
.smalltestred {
	font-size: 11px;
	color: #FF0000;
}
.rowred {
	font-size: 11px;
	background-color: #FFA6A6;

}
.rowblue {
	font-size: 11px;
	background-color: #BBE9FF;
}
.verysmalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
.verysmalltext2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.buttonReg {
	background-color: #DFE0E1;
	margin: 5px;
}

.noDeco {
	text-decoration: none;
}
a.noDeco,a.noDeco:hover,a.noDeco:active {
	text-decoration: none;
}

.dark-borders {
	border-top: 1px solid #3E282B;
	border-right: 1px solid #3E282B;
	border-bottom: 1px solid #3E282B;
	border-left: 1px solid #3E282B;
}


/* ############################################################################ */
/* ### SPECIFIQUE NEOPOST ### */
/* ############################################################################ */

font,th,td,p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/* page d'accueil*/
html, body {
  margin-top: 10px;
  padding: 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  height: 100%;
  background: #fff;
}


.container {
  margin: 0 auto;
  padding: 0;
  width: 740px;
  height: 50%;
  vertical-align: middle;
}


.header {
  margin: 0;
  padding-top: 90px;
  width: 740px;
  height: 35px;
  background-image: url(images/nav/panoptes/header-c.gif);
  background-repeat: no-repeat;
  background-position: 0 90px;
}

.title {
  padding-top: 12px;
  width: 300px;
  height: 25px;
  color: #fff;
  padding-left: 23px;
  text-align: center;
  font-weight: bold;
	font: 18px/9px 'Roboto Condensed Regular', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.baseline {
  padding-top: 0px;
  width: 740px;
  height: 35px;
  color: #000;
  padding-left: 23px;
  text-align: center;
  font-weight: normal;
  font-size: 7pt;
  line-height: 18px;
  letter-spacing: 1px;
}


div.top {
	width: 740px;
	height: 325px;
	background-image: url(images/nav/panoptes/home-c.jpg);
	background-repeat: no-repeat;
}

div.bottom {
	clear: both;
	margin: 0;
	padding: 0px;
	width: 740px;
	height: 10px;
	background: #3e282b;
	visibility: hidden;
}

div#login {
  position: relative;
  margin: 0;
  top: -10px;
  left: 20px;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  width: 280px;
  text-align: right;
}
div#login table {
	margin: 0;
	padding: 0 5px;
	clear: none;
	width: 300px;
	height: 115px;
}

/*
input, select {
  font: 7pt Verdana, sans-serif;
  margin: 2px 2px 0 0;
  border: 1px solid #3e282b;
  color: #3e282b;
  width: 146px;
}
*/
input, select {
  font: normal 11px Verdana, sans-serif;
/*  margin: 2px 2px 0 0;*/
  /*color: #3e282b;*/
  background-color: #dfe0e1;
  color : #000;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #ED7117;
	margin: 2px !important;
	height: 20px;
}

input:hover,select:hover {
	color :#000;
	background-color: #fff;
	border: 1px solid #545A5D;
}

div#login a.logbutton {
	display: block;
	width: 146px;
	height: 20px;
	background-color: #ED7117;
	text-align: center;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

div#login a.logbutton:hover {
	display: block;
	width: 146px;
	height: 20px;
	background-color: #545A5D;
	text-align: center;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.alignleft { text-align: left;}

form {margin: 0; padding: 0;}


/* bandeau */

div#bandeau {
  position: relative;
  margin: 0;
  width: auto;
  height: 118px;
  background: url(images/nav/panoptes/bandeau2.png) 0 -2px no-repeat #fff;
}

div#separateurcouleur {
	margin: 0;
  padding: 0;
  width: auto;
  height: 7px;
  background-color: #fff;
}

div#menu {
	float: left;
	/* border: #fff solid 1px;*/
	 height: 34px;
	background-color: #ED7117;
	position: relative;
	left: 18px;
}

/*div#menu {
width: 100%; /* précision pour Opera *!/
	background-color: #ED7117;
}*/

div#calemenu {
	display: block;
	height: 84px;
	width: 100%;
	float: right;
	 /*border: #c00 solid 1px;*/
}



#menu a {
font: 15px 'Roboto Condensed Regular', Verdana, sans-serif;
float: right;
width: auto;
height: 34px;
margin: 0;
padding: 0px 15px;
text-align: center;
text-decoration: none;
color: #fff;
line-height: 32px;
background-color: #ED7117;
background-repeat: repeat-x;
text-transform: uppercase;
}

#menu a:hover {
font: 15px 'Roboto Condensed Regular', Verdana, sans-serif;
float: right;
width: auto;
height: 34px;
margin: 0;
padding: 0px 15px;
text-align: center;
text-decoration: none;
color: #fff;
line-height: 32px;
background-color: #545A5D;
background-repeat: repeat-x;
text-transform: uppercase;
}

#menu .selected  {
background-color: #505050;
background-repeat: repeat-x;
font: 15px 'Roboto Condensed Bold', Verdana, sans-serif;
float: right;
width: auto;
height: 34px;
margin: 0;
padding: 0px 15px;
text-align: center;
text-decoration: none;
color: #fff;
line-height: 32px;

}

#menu .separateur {
float: right;
width: 4px;
height: 29px;
margin: 0;
background-image: url(images/nav/panoptes/bg-button-separateur.gif);
	visibility: hidden;
}

#menu .headmenu {
float: right;
width: 17px;
height: 29px;
margin: 0;
background-image: url(images/nav/panoptes/headmenu.gif);
}