*{
margin:0;
padding:0;
}

body{
width:99%;
height:99%;
background:white;
}
#container{
width:100%;
height:100%;}

#container h1{
font-size:14px;}

#header{
margin:10px 5px 0px 5px;
float:left;
width:99%;
height:150px;
background-image:url('../img/bg_header.gif');
background-repeat:repeat-x;
}
#menu{
float:left;
height:30px;
width:100%;
margin:0;
}
ul {
 padding:0;
 margin:10px;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
ul li a {
 display:block;
 float:left;   
 width:130px;
 height:30px;
 background-size:  99% auto;
background-repeat:no-repeat;
 padding:8px 0 9px 40px;
 color:black;
 text-decoration:none;
 text-align:center;
 border:none;
 }
#tab3 a {
 background-image:url('../img/images/menu_04.gif');
}
#tab3 a:hover {
 background-image:url('../img/images/menu_05.gif');
}
#tab3.selected a:hover , #tab3.selected a{
 background-image:url('../img/images/menu_05.gif');
 color:white;
}

#tab1 a {
 background-image:url('../img/images/menu_01.gif');
}
#tab1 a:hover {
 background-image:url('../img/images/menu_20.gif');
}

#tab1.selected a:hover , #tab1.selected a{
 background-image:url('../img/images/menu_20.gif');
 color:white;
}

#tab2 a {
 background-image:url('../img/images/menu_23.gif');
}
#tab2 a:hover {
 background-image:url('../img/images/menu_22.gif');
}
#tab2.selected a:hover ,#tab2.selected a{
 background-image:url('../img/images/menu_22.gif');
 color:white;
}

ul li a:hover {
 background-size:  99% auto;
 background-repeat:no-repeat;
 padding:8px 0 9px 40px;
 color:white;
} 

#logo{
width:227px;
float:left;
height:80;
background-image:url('../img/logo-map.gif');
background-repeat:no-repeat;
}
#pub_head{
width:300px;
height:50px;
float:left;
margin:15px 20px 0 360px;
}
#footer{
margin:5px 5px 20px 5px;
float:left;
width:99%;
height:120px;
text-align:center;
background-image:url('../img/bg_footer.gif');
background-repeat:repeat-x;
}
#center{
margin:0 0 5px 0;
height:800px;
width:100%;
float:left;
background:white;
}
#left{
width:25%;
height:100%;
float:left;
background:#f1f0f0;
margin-right: 5px;
margin-left: 5px;
}
#cadre0_left{
padding: 20px;
}
#cadre1_left{
width:100px;
height:100px;
float:left;
margin:20px 3px 0px 15px;
}
#cadre2_left{
width:100px;
height:100px;
margin:370px 3px 10px 15px;
}
#right{
width:73%;
height:100%;
float:left;
margin: 10px 0px 5px 0px;
background:white;
}
#intineraire{
background-image:url('../img/bg/bg_itineraire.gif');
background-repeat:no-repeat;
height:150px;
}
#rech_itineraire{
float:left;
width:56%; 
height:100%;
background-image:url('../img/bg/bg_itineraire.gif');
background-repeat:no-repeat;
background-size:  18.5% auto;
background-color:#2C9DC9;
margin: 0 5px 0 0;
}
#rech_map{
float:left;
width:100%; 
height:30%;
background-image:url('../img/bg/bg_map.gif');
background-repeat:no-repeat;
background-size:  18.5% auto;
background-color:#99D026;
margin: 0 5px 0 0;

}
#form_itineraire{
width:90%;
float:left;
height:80%;
}
#map_canvas{
float:left;
width:100%; 
height:70%;
}
#toAddress{
	color: #999999 ;
    font-style: italic;
	border: 1px solid #ccc;
    width: 300px;
    height: 20px;
	margin:10px 0 0 150px;
    line-height: 14px;
    background-image: url('../img/icones/end.gif');
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left: 16px;
}
#fromAddress{
	color: #999999 ;
    font-style: italic;
	border: 1px solid #ccc;
    width: 300px;
    height: 20px;
	margin:20px 0 0 150px;
    line-height: 14px;
    background-image: url('../img/icones/start.gif');
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left: 16px;
}
#address{
color: #999999 ;
    font-style: italic;
	border: 1px solid #ccc;
    width: 500px;
    height: 20px;
    line-height: 14px;
    background-image: url('../img/icones/loop.gif');
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left: 20px;
	margin:100px 10px 0 150px;
}
#mode{
	color: #999999 ;
    font-style: italic;
	border: 1px solid #ccc;
	 height: 20px;
	 width:150px;
	margin:10px 0 0 150px;
}
#fieldset_itine{
width:40%;
height:92%;
float:left;
margin-left:5px 0 10px 0;
 background-color:#f1f0f0;
}
#directions{
 overflow:auto;
 font-size: 11px;
 margin: 2px;
}
#right_haut{
width:100%;
height:30%;
margin:0 0 5px 0;

}
#submit_itineraire{
	height: 25px;
	background-color:#2C9DC9;
	margin:10px 0 0 350px;
	border: 3px solid white;
	padding:0 0 4px 0;
	-moz-border-radius-bottomright: 6px;
	border-radius: 6px;
	border-bottom-right-radius: 6px;
	color:white;
}
#submit_map{
height: 25px;
background-color:#99D026;
border: 3px solid white;
padding:0 0 4px 0;
-moz-border-radius-bottomright: 6px;
	border-radius: 6px;
	border-bottom-right-radius: 6px;
	color:white;
	}