* {font-size: small; margin:0;padding:0;font-family: Verdana, "Lucida Grande", Arial, sans-serif;border:none;color: #5d5d5d }
body { background:white; text-align:center}

a,a:visited,a:active {padding: 0 0.3em; white-space: nowrap; outline:none; }
a:hover { color:#FFF;background-color:#9db83d;text-decoration: none}
a.trans:hover { border:none; background-color: transparent }
p { padding-bottom:0.2em}

h1, h2, h3, h4{font-family: "Trebuchet MS";margin: 0.6em 0 0.6em 0;}
h1{ margin-left: 0px; margin-bottom: 0.5em; margin-right: 0px; margin-top: 0px; font-size: x-large; color:#183E5C;}
h2{ font-size: large; color: #9db83d}
h3{ font-size: medium; color:#9db83d}
h4{ color:#9db83d}

.main{color:#6495BE;font-size:xx-large;letter-spacing:4px;margin-left:1.5em;margin-top:10px;text-align:left;border-bottom: 0px solid #9db83d;}
.mainsign{margin-top:10px}

ul{ margin: 0.5em 0 1em 1.5em}
li{list-style-image: url(puce.gif); margin-bottom: 0.4em}

a img{margin-right: 4px}
a:hover img{background: none}
hr{visibility: hidden; clear: both}

ul{ margin: 0.5em 0 1em 1.5em;}
li{list-style-image: url(../pictures/puce-blue.gif);}

/* IDENTIFIED ELEMENTS */
#wrapper{width:990px; margin: 0 auto; padding-top: 1em}
#logo{float:left}
#banner{clear:both;margin-top:2em;height:300px;border:1px solid #FFF; vertical-align:top;text-align:left}
	#banner div{width:600px;margin-left:20px; text-align:center}
#bannerTitle{clear:both;margin-top:2em;height:180px;border:1px solid #FFF; vertical-align:top;text-align:left}
	#bannerTitle div{width:750px;margin-left:20px; text-align:center}
	/* Slogan */
	p#Slog1{font-size: 18pt; margin-top:50px; margin-bottom:40px;color: white}
	p#Slog2{font-size: 12pt; margin-bottom:40px;color:#C2E249}
	p#Slog3{color:#183E5C}

#navigation{width:500px; float:right}

/* RADIUS */
table#subNavigation td div,.promo,.highlight {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
}


/* Table */
table{clear: both;table-layout: fixed}
	td{vertical-align: top; text-align: left }

table.content td{padding: 0 1em; text-align: left;width:50%}
table#about td{padding: 0 1em; text-align: left;width:33%}

table#subNavigation td{width: 33%;}
table#subNavigation td div {
	text-align: center;padding: 1em; background-color: #f7f9ff;
	height:120px;
	border-width:1px;
	border-style: solid;
	border-color: #DFDFDF; 
}
table#jobs{table-layout:auto}
table#jobs td{vertical-align:middle}

/* LANGUAGES AND MENU */
#languages, #menu  { white-space: nowrap}
#languages a, #menu a{text-decoration: none; color:#1172A7}
#languages{text-align: right;padding-right: 0.5em}

#menu { border-top: 1px solid #9db83d;text-align: left; padding-left: 0.5em}
#languages a { font-size:smaller; margin-left: 1em}
#languages img { vertical-align:-1px}

/*HOVER*/
#menu a:hover{ color:#FFF;}
#languages a:hover { background:none; color:#1172A7}

/* CONTACT */
.ajax-loader { display: none }
form#mailto{width:600px; margin: 0 auto}
form#mailto table {width:auto; margin-top: 2em}
form#mailto table td{padding:2px; text-align: left}
form#mailto table td:first-child{text-align: right}

input,textarea,button{ background-color: #e5ffe6; border-color: #9db83d; border-width: 2px; border-style: solid;  padding: 2px; outline:none;  }  
textarea {width: 400px; height:150px;overflow:none;}
.focusField{  border:solid 2px #73A6FF;  background:#EFF5FF;  color:#000}  
.idleField{    background:#EEE;  color: #6F6F6F;  border: solid 2px #DFDFDF} 

/* FOOTER */
#footer { clear:both; border-top: 1px solid #9db83d; margin-top: 2em; padding-bottom: 6em}
#footer a{text-decoration: none}
#footer p{text-align:center; padding-top: 1em}
#footer a:hover { color:#9db83d}
#footer img {vertical-align: -3px}

/* GENERIC CLASSES*/
.promo{font-family: "Trebuchet MS"; text-align: center; margin:1em 0; 
	border-width: 1px;
	border-style: solid;
	border-color: silver;
	padding:0.4em; line-height: 1.6em
}

.highlight{font-family: "Trebuchet MS";background-color: #f1f4ff; 
	border-width: 2px;
	border-style: solid;
	border-color: #6495BE;
}
.highlight span {font-family: "Trebuchet MS";font-weight: bold; color:#6495BE;}
.photoAlbum{	text-align: center; 	margin: 1em 0	}
.question{ font-family: "Trebuchet MS";border-bottom:1px solid #6495BE; color:#6495BE;  margin: 0.4em 0;padding: 0.4em;}
.answer{ font-style: italic; margin:0 0 1em 1em;}
.alert{background-color: #ffeaed; border-color: red}
