/*--------------Page index--------------------------*/
body
{
margin-top:0;
background-color:#666666;
font-family:Arial,Verdana,serif;
color:white;
font-size:16px;
line-height:15px;
}

#conteneur_index
{
margin:auto;
width:940px;

margin-bottom:55px;
}

#haut_index
{
width:1090px;
margin:auto;
background-color:#666666;
margin-top:30px;
margin-bottom:30px;
height:40px;
text-align:center;
color:white;
font-family:Arial,Verdana,serif;
font-size:22px;
}


#mid_left
{
padding:0;
padding-top:0;
width:270px;
float:left;
height:205px;
text-align:left;
color:white;
font-family:Arial,Verdana,serif;
background-color:#999999;
text-align:center;
margin-bottom:5px;

}

#mid_center
{
padding:0;
padding-top:0;
width:560px;
float:left;
height:205px;
text-align:left;
color:white;
font-family:Arial,Verdana,serif;
background-color:#999999;
margin-bottom:5px;
}

#mid_right
{
padding:0;
padding-top:0;
padding-left:5px;
width:95px;
float:left;
height:205px;
line-height:16px;
text-align:center;
color:white;
font-family:Arial,Verdana,serif;
font-size:12px;
background-color:#999999;
margin-left:4px;
margin-bottom:5px;
}




#geomap
{
margin-top:20px;
width:244px;
float:left;
height:202px;
color:white;
background-color:#666666;
float:left;
}

#distances
{
float:right;
margin:0;
margin-top:-0px;
width:675px;
text-align:right;
background-color:#666666;
color:white;
font-size:16px;
height:202px;
float:left;
line-height:10px;
}
#compteur
{
width:80px;
height:15px;
margin:auto;
margin-top:80px;
color:#666666;
visibility:hidden;

}


/*---------------------------Menu Index----------------*/
#nav
{
margin:auto;
text-align:center;
height:50px;
width:1090px;
margin-top:5px;
float:left;
}

#menu 
{
margin-left:auto;
margin-right:auto;
display:block;
height:15px;
margin-top:0;
}

ul#menu
{
margin:0;
margin-bottom:0px;
padding:0;
font:bold 11px Arial, Times, serif;
list-style-type:none;
padding-top:5px;
}

#menu a
{
display:block;
width:150px;
color:white;
margin:0px;
text-decoration:none;
text-align:center;
background-color:#666666;
}

#menu a:hover, #menu a:focus
{
color:white;
background-color:#999999;
}

#menu li 
{
float:left;
width:150px;
margin-right:4px;
font-size:12px;

}


ul
{
margin:auto;
padding:0;
font: bold 14px Arial, serif;
list-style-type:none;
}


/*--------------Mise en forme villes----------------------------------------------------------*/
.gauche/*-texte à gauche villes-*/
{
text-align:left;
line-height:10px;
}

.aix
{
margin-left:400px;
}

.cavaillon
{
margin-left:300px;
}

.avignon
{
margin-left:200px;
}

.nimes
{
margin-left:80px;
}

.remy
{
margin-left:260px;
}

.arles
{
margin-left:150px;
}

.marie
{
margin-left:190px;
}

.marseille
{
margin-left:420px;
}

.red_dot
{
margin-top:0;
margin-bottom:0;
}

/*---------------------------------------Liens hypertextes page index---------*/
.index a
{
color:white;
text-decoration: none;
font-weight:bold;
}


a img
{
border:none;
}

a
{
color:black;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
font-weight:normal;
}


/*---------------------------Mise en forme images------------*/




img
{
margin:2px;
margin-right:0px;
}

object
{
margin:2px;
margin-right:0px;

}