body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #070A0F url(../images/background2.jpg) no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: white;
	font-size: 12px;
	line-height: 2.2em;
}


	
h1, h2, h3, h4, h5, h6 {
	font-family: arial,verdana,sans-serif;
	margin: 1.2em 0 .3em;
	border-bottom: 1px solid #09426C;
	padding-bottom: .1em; 
	clear: left;
	}
	
h1 {
	font-size: 176%;
	margin-top: .6em;
	color: #999;
	letter-spacing: .1em;
	}
	
h2 {
	font-size: 136%;
	}
	
h3 {
	font-size: 126%;
	}
	
h4 {
	font-size: 116%;
	}
	
h5 {
	font-size: 106%;
	}
	
h6 {
	font-size: 96%;
	}
	
ul {
	padding: 0;
	margin: 10px 0 0 0;
}


    /* RESET */
.clear {
  clear: both;
}
	



	/* TABLES */
table {
	width: 100%;
	border-collapse: collapse; 
}


	
table td {
	padding: 5px 10px;
	border: 1px solid #09426C;
}

table th {
	text-align: left;
	border: 1px solid #09426C;
}
	
table thead th {
	color: #fff;
	font-size: 145%;
	padding: 6px;
	}

table tbody th {
	color: #fff;
	font-size: 115%;
	padding: 6px;
	}
	



.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #header {
	background: transparent url(../images/page_top.gif); 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 162px;
	line-height: normal;
    }



.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0;
	background: #14181C url(../images/content_background.gif) repeat-x;
	border: 1px solid #14181C;

}

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #151F29;
	border-top: 1px solid black;
	font-size: 90%;
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}




/* Main navigation  */
.oneColFixCtrHdr #mainNav ul {
	position: absolute;
	top: 120px;
	padding: 0;
	margin: 0;
	list-style: none;
		
}


.oneColFixCtrHdr #mainNav ul li {
	background: #0F67A1;
	list-style: none;
	float: left;
}

.oneColFixCtrHdr #mainNav ul li a {
	text-decoration: none;
	color: white;
	display: block;
	font-size: 12px;
	border-right: 1px solid #093858;
	border-left: 1px solid #37A6F1;
	padding: 5px 10px;
}

.oneColFixCtrHdr #mainNav ul li a:hover,
.oneColFixCtrHdr #mainNav ul li a:active,
#index #mainNav ul li a.index,
#translation #mainNav ul li a.translation,
#instant #mainNav ul li a.instant,
#web #mainNav ul li a.web,
#contact #mainNav ul li a.contact {
	background-color: #9EAC04;
	border-right: 1px solid #8D9A04;
	border-left: 1px solid #CFE104;
}



/* Second navigation  */
.oneColFixCtrHdr ul#secondNav {
	top: 0;
	padding: 0;
	margin: 0 0 0 390px;
}


.oneColFixCtrHdr ul#secondNav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

.oneColFixCtrHdr ul#secondNav li a {
	text-decoration: none;
	color: white;
	display: block;
	font-size: 11px;
	padding: 8px 9px;
}

.oneColFixCtrHdr ul#secondNav li a:hover,
#customers ul#secondNav li a.customers,
#buyers ul#secondNav li a.buyers,
#quote ul#secondNav li a.quote,
#rates ul#secondNav li a.rates,
#articles ul#secondNav li a.articles {
	color: #9EAC04;

}





/* Links */

a {
	color: #5DB0E6;	
	text-decoration: none;
}

a:hover, a:active {
	color: #9EAC04;
}


a img {
	border: none;	
}





/* Forms */
form { 
	margin: 0 0 3em 0; 
	padding: 0;
} 

form fieldset { 
	margin: 0; 
	padding: 1em; 
    border: 1px dotted #09426C;
}

form label {
  vertical-align: top;
}

form legend {
  padding: 0 0.2em;
  background: #0F67A1;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 0.5em;
  }


form textarea, form select, form input {
	border: 1px solid #09426C;
	margin: 0 30px 1.1em 0;
	color: white;	
	background-color: #0F1923;
}



form textarea:hover, form select:hover, form input:hover, form textarea:focus, form select:focus, form input:focus  {
    background-color: #192939;
    }


form input#nom, form input#email1, form input#email2 {
	width: 200px;
}

form textarea#need {
	width: 600px;	
}

form #right {
	text-align: right;
}

form .required {
	text-align: right;
	color: #C5262B;
	font-size: 120%;
}

form p {
  vertical-align: top;
}








/* My styles */

.rightAligned {
	float: right;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #09426C;
	clear: right;
}

.leftAligned {
	float: left;
	padding: 10px;
    margin: 10px;
	border: 1px solid #09426C;
}

.leftMargin {
  margin-left: 300px; /* In the contact page, because of a bug in IE7 */
}

.leftPhoto {
	float: left;
	padding: 10px;
	border: 1px solid #09426C; /* In the contact page, because of a bug in IE7 */ 
}


#langue {
	float: right;
	margin-top: 30px;
	color: white;	

}




#webList {
	padding: 20px;
}



#compare {
	margin-left: 10px;
}

#compare tr td {
	padding: 5px;
}

code {
	background-color: black;
	margin: 5px;
	padding: 5px;
	display: block;
}

#comp {font-size: 18px; border: 1px solid black; color: #886; margin: 10px; padding: 5px; width: 500px; voice-family: "\"}\""; 	voice-family: inherit; width: 490px;}


ul.customers_list li {
	margin: 2em;	
	text-decoration: none;
}

ul.customers_list li img {
	background-color: #ddd;
	padding: 1em;

}

#mainContent ul li {
	list-style: none;
	background: url(../images/check_icon.gif) left top no-repeat;
	padding-left: 2em;
}


ul#shiftRight {
	margin-left: 250px;
}

#googleAds {
	margin: 15px 0;	
}

p.listLike {
	background: url(../images/check_icon.gif) left top no-repeat;
	padding-left: 2em;

}