body {
	font-family: Arial;
	font-size: 11px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
div,table{
	/*border: 1px solid;
	border-color: red;*/
}
img {
	border: none;
}
a{
	text-decoration: none;
}
p {
	text-align: justify;
}
h2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	color: #499AC9;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
img.big_arrow {
	width: 33px;
	height: 33px;
}

/* ######################################################################### */

div#main {
	position: relative;
	top: 0px;
	overflow: auto;
	margin-left: auto; 
   	margin-right: auto;
   	text-align: left;
}
div#header {
	position: relative;
	top: 0px;
	height: 145px;
	width: 980px;
	overflow: auto;
	margin-left: auto; 
   	margin-right: auto;
	text-align: left;
}
h1#title {
	font-family: Arial;
	font-size: 20px;
	font-weight: bolder;
	color: #005C9C;
	margin-left: 350px;
	margin-top: 42px;
}

/* MENUS HORIZONTAL */
div#mnu {
	height: 31px;
	width: 750px;
	padding: 0px;
	margin-left: 115px;
}
img#mnub_g {
	float: left;
	clear: left;
	width: 10px;
	height: 31px;
}
img#mnub_d {
	float: right;
	clear: right;
	width: 10px;
	height: 31px;
}
ul#mnu_horiz {
	float: left;
	height: 31px;
	width: 730px;
	margin: 0px;
	padding: 0px;
	line-height: 25px;
}
ul#mnu_horiz li {
	list-style: none;
	display: inline;
	margin-right: 40px;
	margin-left: 10px;
}
ul#mnu_horiz li a {
	color: #499AC9;
	font-weight: bolder;
}
ul#mnu_horiz li a:hover {
	color: #005C9C;
}

/* LOGO ASPA */
a#logo_aspa {
	position: absolute;
	top: 75px;
	left: 700px;
}
/* TEXTE INTRODUCTION */
p.intro {
	width: 750px;
	margin-left: 115px;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 2em;
}
strong.higher{
	font-size: 13px;
	color: #005C9C;
}
span.highligth{
	color: #005C9C;
}
/* BLOC INFO UTILISATEUR */

form#user_info {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 60px;
	width: 405px;
	background-image: url(images/cercle-pt-blc.png);
	background-repeat: no-repeat;
	background-position: 55px 150px;
}
form#user_info h2 {
	padding-left: 55px;
	background-image: url(images/fleche-gde-blc.png);
	background-repeat: no-repeat;
}
form#user_info h2 span{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 2px;
}
form input {
	font-size: 11px;
}
input.adress_example {
	color: #666666;
}
input.adress {
	color: #000000;
}
div.boxes {
	margin-left: 55px;
}

div.box_header{
	height: 39px;
	padding: 0px;
}
img.box_corner_g-v, img.box_corner_g-b {
	float: left;
	width: 30px;
	height: 39px;
}
img.box_corner_g-g {
	float: left;
	width: 30px;
	height: 25px;
}
img.box_corner_d-v, img.box_corner_d-b {
	float: right;
	width: 30px;
	height: 39px;
}
img.box_corner_d-g {
	float: right;
	width: 30px;
	height: 25px;
}
h3.box_title_green {
	height: 39px;
	width: 280px;
	margin-left: 30px;
	line-height: 35px;
	padding-left: 10px;
	padding-bottom: 0px;
}
div.box_side_g {
	background-color: #FFFFFF;
}
div.box_side_d {
	margin-left: 8px;
	padding-right: 20px;
	background-color: #FFFFFF;
}

div.box_footer_info {
	height: 25px;
	width: 290px;
	margin-left: 30px;
}
a#button {
	display: block;
	float: right;
	width: 107px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(images_ie6/bouton-eval-normal.png);
	background-repeat: no-repeat;
}
a#button:hover {
	background-image: url(images_ie6/bouton-eval+fonce.png);
	background-repeat: no-repeat;
}

div#box_itineraire {
	float: left;
	width: 400px;
}
h3.box_title_blue {
	height: 39px;
	width: 330px;
	margin-left: 30px;
	line-height: 35px;
	padding-left: 10px;
	padding-bottom: 0px;
}

div#gmap {
	height: 455px;
	margin-left: 8px;
}
p#map_notice {
	font-size: 10px;
	font-style: italic;
	margin: 0px;
	width: 365px;
	padding-top: 2px;
	padding-left: 5px;
}
div.footer_blue {
	height: 25px;
	width: 340px;
	margin-left: 30px;
}
ul.info {
	padding-top:10px;
	margin-left: 20px;
	color: #005C9C;
	font-style: italic;
}
ul.info li {
	color: #000000;
	list-style: none;
	padding-top: 5px;
	padding-left: 15px;
	font-style: normal;
}
ul#info_trajet_auto {
	
}
ul#info_vehicule {
	text-align: left;
}

input#use_gmaps{
	display: block;
	width: 215px;
	margin-left: 102px;
	padding: 0px;
}
/* IMAGE DE PIED DE PAGE */
img#page_footer {
	display: block;
	margin-left: auto; 
   	margin-right: auto;
	overflow: auto;
	height: 155px;
}
/* PAGE DES RESULTATS */
div#results {
	margin: 0px;
	padding: 0px;
	margin-left: 120px;
	width: 740px;
	background-image: url(images/cercle-grd-blc.png);
	background-repeat: no-repeat;
	background-position: 50% 210px;
}
ul#recap_trajet {
	margin: 0px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
}
ul#recap_trajet li {
	list-style-type: circle;
}
div.boxes_emi {
	width: 740px;
}
h3.box_title_emi {
	height: 39px;
	width: 670px;
	margin-left: 30px;
	line-height: 35px;
	padding-left: 10px;
	padding-bottom: 0px;
}
div.box_footer_emi {
	height: 25px;
	width: 680px;
	margin-left: 30px;
}
div.boxes_cout {
	margin-top: 20px;
	float: left;
	width: 740px;
}
h3.box_title_cout {
	height: 39px;
	width: 670px;
	margin-left: 30px;
	line-height: 35px;
	padding-left: 10px;
	padding-bottom: 0px;
}
div.box_footer_cout {
	height: 25px;
	width: 680px;
	margin-left: 30px;
}
blockquote#info {
	clear: both;
	margin: 0px;
	margin-bottom: 40px;
	padding-top: 5px;
	padding-left: 5px;
	font-style: italic;
}
ul#links {
	float: right;
	margin-top: 50px;
	margin-right: 30px;
	list-style-type: none;
	padding: 0px;
}

ul#links li {
	/* src : http://maxdesign.developpez.com/tutoriels/css/puce-image-liste/ */
	background-image: url(images/fleche-moy-blc.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
}

/* TABLEAUX */
table{
	margin-left: 20px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

tr.col_titles {
	text-align: left;
}

th.title_txt{
	vertical-align: bottom;
}
th.title_polutant {
	width: 75px;
	text-align: right;
	padding-right: 5px;
	border-left: 2px solid;
	border-bottom: 2px solid;
	border-color: #FFFFFF;
	background-color: #A6B0BE;
}
.greenhouse {
	border-right: 10px solid;
}
th.greenhouse {
	width: 120px;
}
th.toxic {
	width: 80px;
}
th.col_toxic {
	text-align: center;
}

th.degrade_g {
	width: 35px;
	border-bottom: 2px solid;
	border-color: #FFFFFF;
	background-image: url(images/degrade-gris-5px.png);
	background-repeat: repeat-y;
	background-position: top left;
}
td.degrade_v {
	width: 35px;
	border-bottom: 1px solid;
	border-color: #FFFFFF;
	background-image: url(images/degrade-vert-5px.png);
	background-repeat: repeat-y;
	background-position: top left;
}
td.col_txt {
	width: 150px;
	background-color: #A6B0BE;
	text-align: right;
	padding-right: 5px;
	font-weight: bolder;
}
td.lastrow_txt {
	vertical-align: top;
	border-bottom: 1px solid;
	border-color: #FFFFFF;
}
td.col_data {
	text-align: right;
	padding-right: 5px;
	border-left: 2px solid;
	border-bottom: 1px solid;
	border-color: #FFFFFF;
	background-color: #A3C423;
}
td.col_caract {
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 2px solid;
	border-color: #FFFFFF;
	background-color: #F3F2B9;
	text-align: justify;
}
th.tab_polutant {
	width: 82px;
	padding: 0px;
	margin: 0px;
	border-left: 2px solid;
	border-color: #FFFFFF;
	text-align: right;
}
th.tab_polutant a {
	display: block;
	width: 77px;
	margin: 0px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	color: #000000;
	background-color: #A6B0BE;
}

th.tab_polutant_toxic {
	padding: 0px;
	margin: 0px;
	border-left: 2px solid;
	border-color: #FFFFFF;
	text-align: right;
}
th.tab_polutant_toxic a {
	display: block;
	width: 85px;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	color: #F15A24;
	background-color: #A6B0BE;
}
th.tab_polutant_greenhouse {
	width: 120px;
	padding: 0px;
	margin: 0px;
	border-left: 2px solid;
	border-right: 10px solid;
	border-color: #FFFFFF;
	text-align: right;
}
th.tab_polutant_greenhouse a{
	width: 120px;
	display: block;
	margin: 0px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	color: #F15A24;
	background-color: #A6B0BE;
}

th.tab_polutant a.current_tab, th.tab_polutant a:hover {
	background-color: #F3F2B9;
}
th.tab_polutant_toxic a.current_tab, th.tab_polutant_toxic a:hover {
	background-color: #F3F2B9;
}
th.tab_polutant_greenhouse a.current_tab, th.tab_polutant_greenhouse a:hover {
	background-color: #F3F2B9;
}

th.tab_degrade_g {
	width: 120px;
	margin: 0px;
	padding: 0px;
	border-left: 2px solid;
	border-color: #FFFFFF;
}
th.tab_degrade_g a {
	display: block;
	height: 20px;
	width: 120px;
	margin: 0px;
	padding: 0px;
	color: #F15A24;
	line-height: 20px;
	text-align: center;
	background-color: #A6B0BE;
}
th.tab_degrade_g a.current_tab, th.tab_degrade_g a:hover {
	background-color: #F3F2B9;
}
/* GRAPHIQUE COMPARAISON EMISSION  */
tr.voiture td{
	border-top: 1px solid;
	border-color: #FFFFFF;
}
td.logos {
	height: 25px;
	border: none;
	width: 65px;
	text-align: right;
	background-color: #A6B0BE;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	
}
td.col_label {
	height: 25px;
	width: 90px;
	border: none;
	text-align: left;
	background-color: #A6B0BE;
	font-weight: bolder;
	
}
span.user_veh{
	background: #FFFFFF;
	color: 	#055994;
}
td.graph {
	border-left: 1px solid;
	border-color: #FFFFFF;
	vertical-align: bottom;
	background-color: #F3F2B9;
}
td.graph hr {
	margin: 0px;
	padding: 0px;
	height: 15px;
	text-align: left;
}
hr.graph_voiture {
	color: #F15A24;
	background-color: #F15A24;
}
hr.graph_2r {
	color: #F7931E;
	background-color: #F7931E;
}
hr.graph_ter_diesel {
	color: #A3C423;
	background-color: #A3C423;
}
hr.graph_ter_elec {
	color: #055994;
	background-color: #055994;
}
hr.graph_tc {
	color: #009345;
	background-color: #009345;
}
hr.graph_tram {
	color: #26A9F7;
	background-color: #26A9F7;
}
hr.graph_cycle {
	color: #BED072;
	background-color: #BED072;
}
td.degrade_j {
	padding: 5px;
	background-color: #F3F2B9;
}
/* TABLEAU DES COUTS */
tbody#graph_price td.graph {
	width: 500px;
}
tbody#graph_price td.degrade_j {
	width: 100px;
}
a.footer_links {
	color: #000000;
	font-style: italic;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px; 
}
a#press {
	margin-left: 780px;
}
div#box_msg{
	display: none;
	position: absolute;
	top: 57%;
	left: 20%;
	width: 550px;
}
h3.box_title_msg {
	width: 480px;
}
div.footer_msg {
	width: 490px;
}
p.msg {
	margin: 0px;
	padding-left: 5px;
}
a#ok {
	display: block;
	margin-left: 38%;
	width: 107px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(images_ie6/bouton-eval-normal.png);
	background-repeat: no-repeat;
}
a#ok:hover {
	background-image: url(images_ie6/bouton-eval+fonce.png);
	background-repeat: no-repeat;
}