body {
background-color: #dcdab9;
color: #0C3354;/*écriture beige*/
margin: 0;
padding: 0;
font-style:normal; font-variant:normal; font-weight:normal; font-size:50%; font-family:arial, sans-serif
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0; 
}


a {
text-decoration: none;
color: #0C3353;

}
.top
{

background-image: url('images/route.gif');
background-repeat: no-repeat; 
}
.yop
{
background-image: url('images/youte.gif');
background-repeat: no-repeat ;
text-align:right;
width:100%;
padding:0,50,0,0;
}


#menu2 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 150;
left: 0;

}
#menu2 {
width: 15em;
}
#menu2 dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
background: #91907B;/*fond du bouton vert*/
border: 1px solid #4C2E26;/*contour du bouton brun*/
}
#menu2 dd {
border: 1px solid #4C2E26;/*contour du bouton brun*/
}
#menu2 li {
text-align: center;
background: #DCDAB9;/*fond beige*/
}
#menu2 li a, #menu2 dt a {
color: #0C3353;/*couleur du texte bleu*/
text-decoration: none;
display: block;
border: 0px none;
height: 100%
}
#menu2 li a:hover, #menu2 dt a:hover {
background: #DCDAB9;/*couleur du texte beige*/
}

.imprime
{

position: absolute; 
top: 240;
left: 710;
}
.modifie
{

position: absolute; 
top: 240;
left: 1000;
}
h1 {

font: bold 24 px Arial, Helvetica, sans-serif;

color: #0C3354 /*écriture bleu*/
margin: 0;
padding: 0;
}

.droite {
	width:500px;
	height:  600px;
	float:left;
background-color:#dcdab9;
position: absolute; 
top: 150;
left: 200;
color: #0C3353;
}


.gauche {

	width:200px;	
	float:left;
	height:  600px;
background-color:#0c3354;
	}
	


.stop
{
width:90;
height:90;
float:right;

}
.acc_route
{
background-image: url('images/route_haut_rose.gif');
background-repeat: no-repeat 
}
.prep_route
{
background-image: url('images/route_haut_vert.gif');
background-repeat: no-repeat 
}
.inf_route
{
background-image: url('images/route_haut_orange.gif');
background-repeat: no-repeat 
}
.plan_route
{
background-image: url('images/route_haut_bleu.gif');
background-repeat: no-repeat 
}
.rel_route
{
background-image: url('images/route_haut_brun.gif');
background-repeat: no-repeat 
}
.sens_route
{
background-image: url('images/route_haut_brun.gif');
background-repeat: no-repeat 
}



.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: transparent /*#425378*/ /* url(images/glossyback.gif) repeat-x bottom left */;
font: bold 13px Arial, Helvetica, sans-serif;
color: #dad9bc;
display: block;
width: auto;
padding: 5px 0;
padding-left: 30px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
/*color: #b1b097;*/
background: #b1b097;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 190px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: url('images/arrow.gif') no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #dad9bc;
}


.glossymenu li a:hover{
background: #91907b /* url(images/glossyback2.gif) */;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */