html {
	font-family: verdana, sans-serif;
}

.kiss-zindex-top {
	z-index: 100;
}

.kiss-field {
	padding: 2px;
}
.kiss-field-invalid {
  border-color: red;
}

.kiss-error-message {
  font-family: verdana, sans-serif;
  text-align: justify;
  color: red;
  font-weight: normal;
  font-size: 80%;  
}

.kiss-highlight-background {
  background-color: #d9d900; 
}


/** Add css rules here for your application. */
/* Formatting specific to the StockWatcher application */
.kiss-padding {
 	padding: 20px;
}

.kiss-text-big {
  font-family: verdana, sans-serif;
  text-align: justify;
  color: black;
  font-weight: normal;
  font-size: 120%;	
}

.kiss-text-standard {
  font-family: verdana, sans-serif;
  text-align: justify;
  color: black;
  font-weight: normal;
  font-size: 80%;	
}

.kiss-text-small {
  font-family: verdana, sans-serif;
  text-align: justify;
  color: black;
  font-weight: normal;
  font-size: 70%;	
}

.kiss-text-justify {
	text-align: justify;
}

.kiss-text-center {
	text-align: center;
}

.kiss-text-right {
	text-align: right;
}

.promo {
	position: absolute;
	z-index: 10;
	background: #ffffff;
	margin-left: 100px;
}

li {
 	font-size: 70%;
}

.cadre {
	font-size: 140%;
	font-weight: bold;
	vertical-align: middle;	
}

.cadre a {
	color: #3a3a47;
	font-size: 130%;
}

a {
	text-decoration: none;
	color: #82a0d8;
	font-weight: bold;
}
a:visited { 
	text-decoration: none;
	color: #82a0d8;
	font-weight: bold;	
}
a:hover {
	text-decoration: underline;
	color: #3a3a47;
	font-weight: bold;
	cursor: pointer;	
}


body {
	 margin:auto;
	 background: #0c2a4c;
	 background-position : center;
}

.bl {background: url(images/bl2.png) 0 100% no-repeat}
.br {background: url(images/br2.png) 100% 100% no-repeat}
.tl {background: url(images/tl2.png) 0 0 no-repeat}
.tr {background: url(images/tr2.png) 100% 0 no-repeat; padding:5px}
.dot {background: url(images/dot2.png) 0 0 }
#content {
    font-family: verdana, sans-serif;
//  background: #2b5ebe;  
//  background: url(images/shadow.png) repeat-y #82a0d8; 
//  background:#7898d5;
//	background: #eaeff4; 	
	background: #ffffff;	
	position: relative;
	top: 0px;
	font-size: 110%;
	width: 984px;	
	height: 700px;
	margin-left:auto; 
	margin-right:auto;	
	z-index: 1;
}

/* stock list header row */
.bandeau {
	font-size:80%;	
}

.vplogin-links {
	margin-left: 150px;
	text-align: right;
	font-size: 70%;
	font-weight: normal;
}

.menu-links {
	text-align: center;
	font-size: 70%;
	font-weight: normal;
}

.inline {
	display: inline;
}

.slogan {
	padding-left: 150px;
	font-size: 100%;
	font-weight: bold;
	color: #3a3a47;
	font-family: verdana, sans-serif;
}

#header {
	background: url(images/openeo-site-header.png) white no-repeat top left; 	
	position: relative;
	top: 0px;
	width: 984px;	
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;	
}

#footer {
	color: black;
	background: url(images/openeo-site-footer.png) no-repeat top left;	
	margin-left: auto;
	margin-right: auto;	
	//border-top: 1px groove #3a3a47;
	position: relative;
	width: 984px;	
	height: 30px;
	text-align: center;
	font-size: 60%;
	vertical-align: top;
}

.map {
	width:984px;
	height:500px;
}

.gwt-MenuBarPopup {
  color: #3a3a47;
  margin: 0px 0px 0px 3px;
  z-index: 100;
}

.cadre .gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: #82a0d8;
}

.cadre .gwt-MenuBar-vertical .gwt-MenuItem {
  background: #82a0d8;
  cursor: pointer;
  font-size:100%;
}

.cadre .gwt-MenuBar-vertical .gwt-MenuItem-selected {
  background: #E0EDFE;
  font-size:100%;
}

.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: white;
}

.gwt-MenuBar-vertical .gwt-MenuItem {
  cursor: default;
  font-size:90%;
}
.gwt-MenuBar-vertical .gwt-MenuItem-selected {
  background: #E0EDFE;
  font-size:80%;
}

.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
  background: #82a0d8;
}

.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #E0EDFE;
}

.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(images/hborder.png) 0px -12px repeat-x;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(images/hborder.png) 0px -13px repeat-x;
  -background: url(images/hborder_ie6.png) 0px -13px repeat-x;
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(images/vborder.png) -12px 0px repeat-y;
  -background: url(images/vborder_ie6.png) -12px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(images/vborder.png) -13px 0px repeat-y;
  -background: url(images/vborder_ie6.png) -13px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(images/corner.png) no-repeat 0px -36px;
  -background: url(images/corner_ie6.png) no-repeat 0px -36px;
}
.gwt-MenuBarPopup .menuPopupTopRight {
  background: url(images/corner.png) no-repeat -5px -36px;
  -background: url(images/corner_ie6.png) no-repeat -5px -36px;
}
.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(images/corner.png) no-repeat 0px -41px;
  -background: url(images/corner_ie6.png) no-repeat 0px -41px;
}
.gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(images/corner.png) no-repeat -5px -41px;
  -background: url(images/corner_ie6.png) no-repeat -5px -41px;
}
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}
/*
 * PAGE INDEX
 */
 
.index-grid {
	width: 100%;
	height: 70%;
	text-align : right;
	padding : 0px;
	margin-top : 0px;
	/*border-right: 10px;*/	
}

.index-child {
	font-size: 80%;
	vertical-align: top;
	padding: 10px;
}

	
.index-child-2 {
/*	padding-top: 0px;
	padding-bottom: 20px;
	border-right: 1px dotted #3a3a47;
	color: #e40000;*/
}

.index-child-3 {
/*	padding-top: 0px;
	padding-bottom: 20px;	
	border-bottom: 1px dotted #3a3a47;
	color: #d9d900;*/
}
	
.index-child-4 {
/*	padding-top: 20px;
	padding-bottom: 0px;	
	border-top: 1px dotted #3a3a47;
	color: #00cc00;*/
}
	
.index-child-5 {
/*	padding-top: 20px;
	padding-bottom: 0px;
	border-left: 1px dotted #3a3a47;
	color: #de00de;*/
}

/*
 * PAGE COURS
 */
 .course-title {
 	font-size: 140%;
 	font-weight: bold;
 	color: #d9d900;
 }
 
 .course-cell {
 	padding: 20px;
 	text-align: justify;
 	font-size: 80%;
 }
 
 /*.gwt-MenuBar {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: #E0EDFE;
}
.gwt-MenuBar-horizontal {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border: 1px solid #BBBBBB;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding: 0px 10px;
  vertical-align: bottom;
  color: #666666;
  font-weight: bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #888888;
  background: white;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: white; 
}
.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: white;
}
.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 4px 14px 4px 1px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #777777;
  background: #ddddee;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #E0EDFE;
}*/

.gwt-TabBar {
}
.gwt-TabBar .gwt-TabBarFirst {
  width: 5px;  
}
.gwt-TabBar .gwt-TabBarRest {
}
.gwt-TabBar .gwt-TabBarItem {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: normal;
  font-size: 80%;
  text-align: center;
  background: white;
  //background: #d0e4f6;
}
.gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  background: #82a0d8;
} 
.gwt-TabBar .gwt-TabBarItem-disabled {
  cursor: default;
  color: #999999;
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
  border-color: #82a0d8;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}
.gwt-DialogBox {
	z-index: 100;
}

.gwt-DialogBox .Caption {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #d0e4f6;
}
.gwt-DialogBox .dialogContent {
}

.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.gwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -4px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y;
}
.gwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -4px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}
.gwt-DialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopLeft {
  background: url(images/corner.png) no-repeat -13px 0px;
  -background: url(images/corner_ie6.png) no-repeat -13px 0px;
}
.gwt-DialogBox .dialogTopRight {
  background: url(images/corner.png) no-repeat -18px 0px;
  -background: url(images/corner_ie6.png) no-repeat -18px 0px;
}
.gwt-DialogBox .dialogBottomLeft {
  background: url(images/corner.png) no-repeat 0px -15px;
  -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}
.gwt-DialogBox .dialogBottomRight {
  background: url(images/corner.png) no-repeat -5px -15px;
  -background: url(images/corner_ie6.png) no-repeat -5px -15px;
}
* html .gwt-DialogBox .dialogTopLeftInner {
  width: 5px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogTopRightInner {
  width: 8px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}
.datePickerDays {
  width: 100%;
  background: white;
  font-size: 80%;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #aaccee;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: black;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 90%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}

.gwt-DecoratorPanel {
}
.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: url(images/hborder.png) repeat-x;
}
.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: url(images/vborder.png) repeat-y;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratorPanel .topLeft {
  background: url(images/corner.png) no-repeat 0px 0px;
  -background: url(images/corner_ie6.png) no-repeat 0px 0px;
}
.gwt-DecoratorPanel .topRight {
  background: url(images/corner.png) no-repeat -5px 0px;
  -background: url(images/corner_ie6.png) no-repeat -5px 0px;
}
.gwt-DecoratorPanel .bottomLeft {
  background: url(images/corner.png) no-repeat 0px -5px;
  -background: url(images/corner_ie6.png) no-repeat 0px -5px;
}
.gwt-DecoratorPanel .bottomRight {
  background: url(images/corner.png) no-repeat -5px -5px;
  -background: url(images/corner_ie6.png) no-repeat -5px -5px;
}
* html .gwt-DecoratorPanel .topLeftInner,
* html .gwt-DecoratorPanel .topRightInner,
* html .gwt-DecoratorPanel .bottomLeftInner,
* html .gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}

.gwt-StackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-StackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
  font-weight: normal;
  font-size: 80%;
  padding: 3px;
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.gwt-StackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-DecoratedStackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}
.gwt-DecoratedStackPanel .stackItemTopLeft,
.gwt-DecoratedStackPanel .stackItemTopRight {
  height: 6px;
  width: 6px;
  zoom: 1;
}
.gwt-DecoratedStackPanel .stackItemTopLeft {
  border-left: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
  -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
}
.gwt-DecoratedStackPanel .stackItemTopRight {
  border-right: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
  -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
}
.gwt-DecoratedStackPanel .stackItemTopLeftInner,
.gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 1px;
  height: 1px;
}
* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.gwt-DecoratedStackPanel .stackItemTopCenter {
  background: url(images/hborder.png) 0px -21px repeat-x;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeft {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-left: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedStackPanel .stackItemMiddleRight {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-right: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleCenter {
  font-weight: bold;
  font-size: 1.3em;
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
  border: 0px;
  background-color: white;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
  background-color: white;
}

.gwt-PopupPanel {
  border: #C3D9FF;
  border-width: 1px 3px 3px 1px;
  border-style: solid solid solid solid;
  
  padding: 3px;
  background: white;
  z-index: 100;
}