.google_maps {
    position: relative; 
}

.tx_mobit_pi3-title { 
    padding:0 0 0 0 px; 
    text-align:right;
    vertical-align:middle;
    position: absolute; 
    }

.tx_mobit_pi3-introduction {
float:left;
width:230px;
position: relative;
}

.baloontitle {
text-align:center;
font-weight: bold;
height:10px;
/*padding-left:12px;*/
}

.tx_mobit_pi3-title-css {
font-weight: bold;
} 

.villages{
float:left;
width:180px;
position: relative; 
}

.tx_mobit_pi3-ville
{padding:0 0 0 10px;
}

.titles { 
padding:0 0 15 10px; 
text-align:center;
}

.villeseparator { 
clear: both;
width: 95%;
border: 0; /* enleve toute bordure */
border-bottom: 1px black solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}

.buttons {
text-align:left;
left: 45px; 
}

.tx_mobit_pi3-info a{
left:10px;
color: #B45507;
font-weight: bold;
font-style: italic;
}

.imageintro {
float:left;
padding-top:3px;
padding-left:3px;
width:90px;
position: relative;
display:hide;
}

.textintro {
float:left;
padding-top:3px;
width:135px;
font-size: 8pt;
}

/********legend*******/
.orange_box #legend {
float:right;
position: relative; 
top: -27px;
left: -7px;
width:445px;
text-align:right;
    background-color: #F4EEE7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #B45507;
}

.green_box #legend {
float:right;
position: relative; 
top: -27px;
left: -7px;
width:445px;
text-align:right;
    background-color: #F4EEE7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #4B661C;
}

.purple_box #legend {
float:right;
position: relative; 
top: -27px;
left: -7px;
width:445px;
text-align:right;
    background-color: #F4EEF7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #5A2F70;
}

/***===============================***/
.orange_box #googlemappart {
position: relative;
width:436px;height:404px;float:left;
padding:1px;
border:1px dotted #B45507;
}

.green_box #googlemappart {
position: relative;
width:436px;height:404px;float:left;
padding:1px;
border:1px dotted #4B661C;
}

.purple_box #googlemappart {
position: relative;
width:436px;height:404px;float:left;
padding:1px;
border:1px dotted #5A2F70;

}
/***===============================***/
.orange_box #villageselector_gr {
width:180px;
float:left;
text-align:center;
background-color: #F4EEE7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #B45507;
padding-bottom:10px;
    border-style: dotted; 
    border-bottom: none;
}

.green_box #villageselector_gr {
width:180px;
float:left;
text-align:center;
background-color: #F4EEE7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #4B661C;
padding-bottom:10px;
    border-style: dotted; 
    border-bottom: none;
}

.purple_box #villageselector_gr {
width:180px;
float:left;
text-align:center;
background-color: #F4EEF7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #5A2F70;
padding-bottom:10px;
    border-style: dotted; 
    border-bottom: none;
}



/***===============================***/
.orange_box #villageselector_env {
width:180px;
float:left;
text-align:center;
background-color: #F4EEE7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #B45507;
padding-bottom:5px;
    border-style: dotted; 
}

.green_box #villageselector_env {
width:180px;
float:left;
text-align:center;
background-color: #F4EEE7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #4B661C;
padding-bottom:5px;
    border-style: dotted; 
}

.purple_box #villageselector_env {
width:180px;
float:left;
text-align:center;
background-color: #F4EEF7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #5A2F70;
padding-bottom:5px;
    border-style: dotted; 
}
/***===============================***/

.white_box #villageselector_gr {
width:180px;
float:left;
text-align:center;
background-color: #F4EEF7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #5A2F70;
padding-bottom:10px;
    border-style: dotted; 
    border-bottom: none;
}
.white_box #villageselector_env {
width:180px;
float:left;
text-align:center;
background-color: #F4EEF7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #5A2F70;
padding-bottom:5px;
    border-style: dotted; 
}

.white_box #googlemappart {
position: relative;
width:436px;height:404px;float:left;
padding:1px;
border:1px dotted #5A2F70;
}

.white_box #legend{
float:right;
position: relative; 
top: -27px;
left: -7px;
width:445px;
text-align:right;
    background-color: #F4EEF7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #5A2F70;
}

/***===============================***/

.brown_red_box #villageselector_gr {
width:180px;
float:left;
text-align:center;
background-color: #f4e7e7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #702f2f;
padding-bottom:10px;
    border-style: dotted; 
    border-bottom: none;
}
.brown_red_box #villageselector_env {
width:180px;
float:left;
text-align:center;
background-color: #f4e7e7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #702f2f;
padding-bottom:5px;
    border-style: dotted; 
}

.brown_red_box #googlemappart {
position: relative;
width:436px;height:404px;float:left;
padding:1px;
border:1px dotted #702f2f;
}

.brown_red_box #legend{
float:right;
position: relative; 
top: -27px;
left: -7px;
width:445px;
text-align:right;
    background-color: #f4e7e7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #702f2f;
}

/***===============================***/

.yellow_green_box #villageselector_gr {
width:180px;
float:left;
text-align:center;
background-color: #f2f4e7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #618036;
padding-bottom:10px;
    border-style: dotted; 
    border-bottom: none;
}
.yellow_green_box #villageselector_env {
width:180px;
float:left;
text-align:center;
background-color: #f2f4e7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #618036;
padding-bottom:5px;
    border-style: dotted; 
}

.yellow_green_box #googlemappart {
position: relative;
width:436px;height:404px;float:left;
padding:1px;
border:1px dotted #618036;
}

.yellow_green_box #legend{
float:right;
position: relative; 
top: -27px;
left: -7px;
width:445px;
text-align:right;
    background-color: #f2f4e7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #618036;
}