/* BODY APPEARANCE */
table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table td, .tableDefault td {
    border: 0;
}
table, .tableDefault {
    font-size: 1em;
}
input,select,textarea {
	background-color: #FFFFFF;
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000088;}
select {font-size:12px;font-family:Arial,​Helvetica,​Verdana,​Geneva,​sans-serif}
A.list:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

A.list:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#800080;
	text-decoration: underline;}

A.linkbottom:visited  {
	color:#800080;}

A.linkbottomactif:visited  {
	color:#800080;}

A.ligne:visited  {
	color:#800080;}

A.ligne:visited  {
	color:#800080;}
	
A.list:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration: underline;
}
.bottom-navigation {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	background-color: #FFFFFF;
}
 /* Style de la page LOGIN   */ 
.bg_login{
 background-color: #F5F4FA;
 border-top: 1px dotted #330099;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding-left: 10px;
 text-align: left;
}
.bg_welcome_images{
 text-align: center;
}
.login{
	color: #595678;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 110%;
	font-weight : bold;
	}
	
.bg_color{
	background-color: #B2AFDC;
}
	 /* Style de la page Statistique   */ 
.titre1{
	color: #FF8700;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 130%;
	font-weight : bold;
	font-style: italic;
	border-bottom: 1px dotted #330099;
	padding-left: 10px;
	white-space: nowrap;
}	
.titre2{
	color: #FF8700;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 110%;
	font-weight : bold;
	font-style: italic;
	padding-left: 10px;
	white-space: nowrap;
	
}
.ligne{
	font : 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #595678;
	font-weight : bold;
	padding-right: 10px;
	border-bottom: 1px dotted #330099;
	text-align: right;
}
.border_bottom{
	padding-right: 10px;
	border-bottom: 1px solid #330099;
	border-right: 1px solid #330099;
}
.border_bottom_mra{
	padding-right: 1px;
	border-bottom: 1px solid #330099;
	border-right: 1px solid #330099;
}
.titrestat{
	background-color : #DFE8EB;
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	padding : 5px;
	color : #595678;
	border : thin solid #9692CF 1px;
	width : 270px;
	margin-left: 5px;
}
.titrestat_A{
	background-color : #DFE8EB;
	font-size: 90%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	padding : 2px;
	color : #595678;
	border : thin solid #9692CF 1px;
}
.titrestat_left{
	background-color : #DFE8EB;
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	padding : 2px;
	color : #595678;
	border : thin solid #9692CF 1px;
}

.soustitrestat_left{
	background-color : #DFE8EB;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	padding : 2px;
	color : #595678;
	border : thin solid #9692CF 1px;
}

/****************************************************************/
/* Tab section                                                  */
/****************************************************************/
.tabOff, .tabOn, .tabMain {border: 1px solid #B3CCE6;}
.tabOff, .tabOn {padding:0px 5px; white-space:nowrap; width:10px;}
.tabOn {
	color: #FF8700;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 110%;
	font-weight : bold;
	font-style: italic;
	padding-left: 10px;
	white-space: nowrap;
	border-bottom: none;
}
.noTab {border-bottom:1px solid #B3CCE6; white-space:nowrap; width:1000px;}
.tabMain {border-top: none; padding: 5px;}
.tabOff {
	cursor:pointer; background-color:#E0E0E0
}

.titrestatright{
	background-color : #DFE8EB;
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	padding : 5px;
	color : #595678;
	border-bottom : thin solid #9692CF 1px;
	width : 150px;
	text-align : right;
	margin-left: 5px;
}
.titrestatright_ntfproc{
	background-color : #DFE8EB;
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	padding : 5px;
	color : #595678;
	border-bottom : solid white 1px;
	width : 150px;
	text-align : right;
	margin-left: 5px;
}
.fielddata_ntfproc{
	vertical-align : center;
}
.soustitrestat{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 110%;
	font-weight : bold;
	color : #595678;
	padding-left : 25px;
}
.soustitrestatright{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 110%;
	font-weight : bold;
	color : #595678;
	padding-right : 10px;
	text-align : right;
}

 /* Style de la page FIELD   */ 
.titrefield{
	background-color : #DFE8EB;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold,italic;
	padding : 5px;
	color : #4F4C6A;
	border : thin solid #9692CF 1px;
	/*width: 140px;*/
	text-align : right;
	/*text-align : left;*/
	margin-left: 5px;
	white-space: nowrap;
}
.txtfield{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 80%;
	color : #595678;
}

.remarque{
	font : 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #595678;
	padding-top: 10px;
}
.remarque_bold{
	font : 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #595678;
	font-weight : bold;
	padding-left: 10px;
	padding-right: 10px;
}
.remarque2{
	font : 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #595678;
	font-weight : bold;
	padding-left: 5px;
	padding-bottom: 5px;
	font-style : italic;
}
.remarque_red{
	font : 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #FF8700;
}

A.remarque_red:link{
	font : 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #FF8700;
}
A.remarque_red:active{
	font : 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #CE6D00;
}
A.remarque_red:visited{
	font : 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #9692CF;
}
A.menu:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
   font-weight: bold;
	color:#595678;
	text-decoration: none;
}
A.menu:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
   font-weight: bold;
	color:#8F8F8F;
	text-decoration: none;
}
A.menu:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
   font-weight: bold;
	color:#FF8700;
	text-decoration: none;
}
h2{
	color : #595678;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	/*Remove for cookies 19/07/19*/
	/*background-color : #FFFFFF;*/
	border : 1px ridge Black;
	text-align : left;
}
/*Style button*/
.button{
	color: #000099;
	font-style: italic;
	font-weight: bold;
   border: thin solid #9692CF;	
	text-align: center; 
	background-color: #FFFFFF;
}
/*Title*/
.msover{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-color : #FFAD37;
	cursor:pointer;
	border : 1px solid #E5E3F3;
	color : Black;
}
.msover_red{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-color : #FFAD37;
	cursor:pointer;
	border : 1px solid #E5E3F3;
	color : red;
}
.msout_red{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : #FF8700;
}
/* year menu onmouseout */
.aidmsout{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:center;
	color: #000000;
	text-decoration: none;
	background-color: #FFAD37;
}
.msoverRight{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:right;
	font-weight:bold;
	background-color : #EFEFEF;
	cursor:pointer;	
}
/* year menu onmouseover */
.aidmsover{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:center;
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
	background-color: #FFAD37;
}
.msout1{	
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.msover1{	
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	cursor:pointer;
}
.contactbox{
	background-color : #FFFFFF;
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	padding : 5px;
	color : #2E5390;
	border : 1px double #FFAD37;
}
.contact{
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	color : #595678;
	border-bottom : thin solid #9692CF;
}
.contact2{
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	color : #595678;
}
.contact2_red{
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	color : #FF8700;
}
body.standard #top #content_container table, body.documents #top #content_container table {
float:none;
margin:3px;
}
form {
    text-align: left;
}
#content h1, #content h2, #content h3, #content h4, #content li, #content select, #content input, #content p {
    font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
}
#content select {
	color: #333333;
}
#layout #content_container {
    float:left !important;
}

#nando_subtitle
  {
   font-family :'PFSquareSansPro-Regular';
   z-index     :100;
	 position    :relative;
	 color       :white;
	 top         :100px;
	 left        :245px;
	 width       :400px;
	 font-size   :24px;
	 padding     :0; 
	 border      :0; 
 }
/*
 * rules for heroes 
 */


/*environment landmark */
#environment{
	opacity: 0.8;
	position: fixed;
	font-weight: bold;
	top: 133px;
	min-width: 237px;
	text-align: center;
	-moz-transform:rotate(-49deg); 
	-moz-transform-origin: bottom left;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: bottom left;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin: bottom left;
	color: #FFF;
	padding: 0.1em 0.6em 0.1em 0.6em;
	z-index: 20;
}
#environment.local{
	background-color: pink;
} 
#environment.development{
	background-color: #90EE90;
}
#environment.test{
	background-color: #FFA500;
}
#environment.acceptance{
	background-color: red;
}
#environment :first-child{
	font-size: 200%;
}
#environment :last-child{
	font-size: 120%;
}