/* CSS Document */
/* Added by Vincent 31-08-2009 for desktop menu's */
.desktoptextunselected {
  font-size:9px;
  background-color:none;
  color:#424f7a;
}
.desktoptextselected {
  /*background-color:#E0C669;*/
  font-size:9px;
  display:block;
  background-color:#000099;
  color:#FFFFFF; /*#846a1e;*/
}
.menu {
  color:#424f7a;
}
.menu a:link {
  color:#424f7a;
}
.menu a:hover {
  text-decoration:none;
  display:block;
  background-color:#424f7a;
  color:#FFFFFF;
}

/* original */

body {
	/*background-color: #FFFFFF;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg_blue.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.headerBasis{
	background-image: url(../images/bgHeader_1.jpg);background-repeat: repeat-x;
}
td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
p,form {
  margin-top: 0px;
  margin-bottom: 0px;
}
a:link {
	text-decoration: none;
	color: #424f7a;
}
a:visited {
	text-decoration: none;
	color: #424f7a;
}
a:hover {
	text-decoration: underline;
	color: #424f7a;
}
a:active {
	text-decoration: none;
	color: #424f7a;
}
.textLogin{
	font-size:11px;
   color: #424f7a;
   font-weight:normal;
}
.inputLogin{
	/* 20190827 was 10px */
   font-size:11px;
   color: #424f7a;
   font-weight: normal;
   background-color:#FFFFFF ;
   border-color: #b8cad8;
   border-style: solid;
   border-width: 1px;
}

.fond {
	background-color: #cbddf3;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #99bbe8;
	border-left-color: #99bbe8;
	border-top-width: 1px;
	border-top-color: #99bbe8;
	border-right-color: #99bbe8;
	
}
.fond0 {
	background-color: #cbddf3;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #99bbe8;
	border-left-color: #99bbe8;
	border-top-width: 1px;
	border-top-color: #99bbe8;
	
}
.fond1 {
   font-size: 11px;
	background-color: #E2EBFC;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #b8cad8;
	border-left-color: #e4f0ff;
	border-right-color: #bad3e2;
	border-top-width: 1px;
	border-top-color: #e7e9f8;
	
}
.fond2 {
	background-color: #f2f6ff;
	border-top-style: none;
	border-right-style: none;
	border-right-color: #D9DFFF;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #dcddec;
	border-top-width: 1px;
}
.fond3 {
	background-color: #FFFFFF;
	border-top-style: solid;
	border-right-style: none;
	border-right-color: #dcddec;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #dcddec;
	border-top-width: 1px;
	border-top-color: #FFFFFF;	
}
.viewstoragelarge  {
	background-color:  #cbddf3;
	height: 30px;
	width: 220px;
}
.viewstoragelargehdr  {
	background-color: #f2f6ff;
	height: 30px;
	width: 948px;
}

.viewstoragesmall {
	background-color: #E2EBFC;
	height: 20px;
	width: 20px;
}

.disabledviewstoragelarge  {
	background-color:  #cbddf3;
	height: 30px;
	width: 220px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	 opacity: 0.3;
   -moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}
.disabledviewstoragelargehdr  {
	background-color: #f2f6ff;
	height: 30px;
	width: 220px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	 opacity: 0.3;
   -moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}

.disabledviewstoragesmall {
	background-color: #E2EBFC;
	height: 20px;
	width: 20px;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	 opacity: 0.3;
   -moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}

 .imgLight {
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	 opacity: 0.3;
   -moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	}
.formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #b8cad8;
	color: #424f7a; /*background-image: url(images/fondform.gif);
	background-repeat: repeat-x;*/
	height: auto;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #bad3e2;
	color: #FF0000; 
	height: auto;
	
}

.hint { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #bad3e2;
	color: #DDDDDD;
} 

 .formulaireinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #bad3e2;
	color: #FF0000; /*background-image: url(images/fondform.gif);
	background-repeat: repeat-x;*/
	height: auto;
}
.formulairereadonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #d6d6d6;
	color:#747474;
	/*background-image: url(images/fondformreadonly.gif);
	background-repeat: repeat-x;*/
	height: 18px;
}


.formulairetextarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #b8cad8;
	color:#424f7a;
	/*background-image: url(images/fondform.gif);
	background-repeat: repeat-x;*/
	
}
.divtextarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #eaf1ff;
	border: 0px;
	color: #990000;
	font-style: italic;
}



.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#424f7a;
	background-color: #cbddf3;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #99bbe8;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #99bbe8;
	border-left-color: #B8CAD8;
	border-top-width: 1px;
	border-top-color: #B8CAD8;
	padding: 1px;
	cursor: pointer;
}
.buttonActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	background-color: #E2EBFC;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #B8CAD8;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #B8CAD8;
	border-left-color: #B8CAD8;
	border-top-width: 1px;
	border-top-color: #B8CAD8;
	padding: 1px;
	cursor: pointer;
}
.buttonSm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#424f7a;
	background-color: #cbddf3;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #99bbe8;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #99bbe8;
	border-left-color: #B8CAD8;
	border-top-width: 1px;
	border-top-color: #B8CAD8;
	padding: 1px;
	cursor: pointer;
}
.buttonActiveSm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000000;
	background-color: #E2EBFC;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #B8CAD8;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #B8CAD8;
	border-left-color: #B8CAD8;
	border-top-width: 1px;
	border-top-color: #B8CAD8;
	padding: 1px;
	cursor: pointer;
}
.message {
	border: 1px solid #b8cad8;
}
.error {
	border: 1px solid #b8cad8;
}
.bordure {
	border: 1px solid #b8cad8;
}
/*	
.jaune {
	color: #000066;
	background-color: #FFFF99;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
*/
fieldset {
	background-color: #FFFFFF;
	border: 1px solid #b8cad8;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

legend {
	font-weight: bold;
	color: #424f7a;
	/*background-image: url(images/bouton.gif);
	background-repeat: repeat-x;*/
	padding: 3px;	
	border: 1px solid #b8cad8;
	margin-top: 1px;
}
.small{
	font-size: 10px;
	color:#424f7a;
}
.big{
	font-size: 13px;
	font-weight: bold;
	color:#424f7a;
}
.bigRed{
	font-size: 11px;
	font-weight: bold;
	color:#990000;
}
.red{
	font-size: 11px;
	font-weight: normal;
	color:#FFA634;
}
.textdisable{
	font-size: 11px;
	font-weight: normal;
	color:#dddddd;
}
.line{
	background-color: #b8cad8;
}
.infoGray {
	font-weight: normal;
	color: #b8cad8;
	padding: 3px;
	border: 1px solid #bad3e2;
	font-style: italic;
	background: #FFFFFF url(../images/info.png) no-repeat;
	background-position: top left;
}
.rightdotted{
  border-right:dotted 1px #b8cad8;
}
.leftdiv{
	border-left-style: double;
   border-left-color: #cbddf3;
	border-left-width: 3px;
}
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
 /*width: 70px;Width of top level menu link items*/

/*border: 1px solid #202020;padding: 2px 8px;*/
border-left-width: 0;
text-decoration: none;
/*background: url(menubg.gif) center center repeat-x;*/
color: #424f7a;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
/*border-top: 1px solid #202020;*/
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	width: 80px; /*width of sub menu levels*/
	font-weight: normal;
	padding: 2px 5px;
	background: #e7e9f8;
	border: 1px solid #b8cad8;
	border-top-color: #e7e9f8;
	border-top-style: solid;
	border-top-width: 1px;
}

.horizontalcssmenu ul li a:hover{
/*background: url(menubgover.gif) center center repeat-x;*/
}

.horizontalcssmenu ul li ul li a:hover{
 background: #cbddf3;
 text-decoration: underline;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0px;
/*background: transparent url(menuarrow.gif) no-repeat center left;*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1px;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

#tt {
 position:absolute;
 display:block;
 background:url(images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(images/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#E2EBFC;
 color:#424f7a;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}

/* 15-4-19 guido to disable select options but still post the selected value*/
select[readonly]{
	background: #eee;
	cursor:no-drop;
  }
  
 select[readonly] option{
	display:none;
}
select optgroup{
    font-weight:bold;
    font-size:16px;
	color:red;
}
select optgroup option{
    font-weight:normal;
	color:black;
}
.viewst {
	white-space: nowrap
}