/* Smaller fonts on webapp */
body {
  font-size: 11px;
  font-family: arial, verdana, sans-serif;
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  color: black;
  background-color: white;
}

.border {
	border: 1px #666666 solid;
}

.copyright {
  font-family: arial, verdana, sans-serif;
  font-size: 9px;
  color: #000000;
}

.copyright a {
  color: #000000;
  text-decoration: underline
}
.copyright a:link    { text-decoration: underline;}
.copyright a:visited { text-decoration: underline;}
.copyright a:hover   { text-decoration: none;}

.navbar {
  color: white;
  background: #6699CC url(img/ftp/top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  height: 30px;
  border-top: 1px solid #333333;
  border-right: 1px solid #000000;
}

.bar {
  font-size: 11px;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
  text-decoration: none;
  color: #CCCCCC;
  background: #6699CC url(img/ftp/barre.gif);
  background-position: top left;
  background-repeat: repeat-x;
  height: 10px;
  border-right: 1px solid #000000;
}

.page {
  border-right: 1px solid #000000;
}

.navbottom {
  color: white;
  background-position: top left;
  height: 60px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #EEEEEE;
}

.menubar {
  color: black;
  background: #EEEEEE url(img/ftp/menubar.png) no-repeat;
}

.menu {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 8px;
  color: black;
  margin: 0px;
  background-color: transparent;
}
.menu a {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
  display: block;
  border: 1px solid #EEEEEE;
  margin: 1px;
  padding: 3px;
  padding-left: 12px;
}
.menu a:link    { text-decoration: none; color: #333333; background-color: transparent; }
.menu a:visited { text-decoration: none; color: #333333; background-color: transparent; }
.menu a:hover   { text-decoration: none; color: white; background-color: #6699CC; border: 1px solid #666666; }

.Text {
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 11px;
 	color: #000000;
}
.Text a:link {
	color : #000000;
	text-decoration : underline;
}
.Text a:hover {
	color : #000000;
	text-decoration : none;
}
.Text a:visited {
	color : #000000;
}

.pages {
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 11px;
 	color: #000000;
}
.pages a:link {
	color : #000000;
	text-decoration : underline;
}
.pages a:hover {
	color : #000000;
	text-decoration : none;
}
.pages a:visited {
	color : #000000;
}

.MenuTop {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;
  background-color: #CCCCCC;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding: 1px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration : none;
}

.MenuTopSelec {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;
  background-color: #EEEEEE;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration : none;
}

.list1 {  /* alt row highlight */
  font-family: arial, verdana, sans-serif, sans-serif;
  font-size: 11px;
  color: black;
  background: #C8DBF0; /* webapp - different (and better) color than rest of website */
  text-decoration: none;

}

.list2 {  /* alt row highlight */
  font-family: arial, verdana, sans-serif, sans-serif;
  font-size: 11px;
  color: black;
  background: #E3EDF7; /* webapp - different (and better) color than rest of website */
  text-decoration: none;
  border: 1px #000000 solid;
}

SELECT {
    font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
    color : #000000;
	BORDER-TOP-WIDTH: 0px;
    FONT-SIZE: 10px;
    BORDER-LEFT-COLOR: #000000;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: #ffffff;
    BORDER-TOP-COLOR: #ffffff;
    BORDER-RIGHT-WIDTH: 0px;
    BORDER-RIGHT-COLOR: #ffffff;
    BACKGROUND-COLOR: #F2F6FF;
}
INPUT {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #000000;
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-TOP-COLOR: #000000;
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-LEFT-COLOR: #ffffff;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #ffffff;
	BORDER-TOP-COLOR: #ffffff;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #FFFFFF;
   	BACKGROUND-COLOR: #F2F6FF;
}

TEXTAREA {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #000000;
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-TOP-COLOR: #000000;
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-LEFT-COLOR: #ffffff;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #ffffff;
	BORDER-TOP-COLOR: #ffffff;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #ffffff;
	BACKGROUND-COLOR: #F2F6FF;
}




.menubar {
  color: black;
  background: #f8f8f8;
}

.textePetit {
  font-family: Arial, Verdana, Helvetica, sans serif;
  font-size: 10px;
  color: #000000;
}
.textePetit a:link {
  color : #000000;
  text-decoration : underline;
}
.textePetit a:hover {
  color : #000000;
  text-decoration : none;
}
.textePetit a:visited {
  color : #000000;
}

.TexteRouge {
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 11px;
 	color: #A00000;
}
.texteRougeSmall {
  font-family: Arial, Verdana, Helvetica, sans serif;
  font-size: 8px;
  color: #A00000;
}
.TexteVert {
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 11px;
 	color: #00A000;
}
.texteVertSmall {
  font-family: Arial, Verdana, Helvetica, sans serif;
  font-size: 8px;
  color: #00A000;
}
.TexteBleu {
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 11px;
 	color: #0000A0;
}
.TexteJaune {
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 11px;
 	color: #808000;
}
.texteGrisSmall {
  font-family: Arial, Verdana, Helvetica, sans serif;
  font-size: 8px;
  color: #808080;
}

.input_20px {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: right;
  color: #013470;
  background-color: #DADADA;
  width: 20px;
}

.input_20px_vert {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: right;
  color: #013470;
  background-color: #DAEADA;
  width: 20px;
}

.input_20px_rouge {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: right;
  color: #013470;
  background-color: #EADADA;
  width: 20px;
}