.googlecontainer{
width:632px;height:480px;
}


.google_maps {
    position: absolute;    
}

.tx_mobit_pi4-title { 
    vertical-align:middle;
    position: relative; 
left:1px;
top:1px;
}

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

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

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

.activities{
float:left;
width:180px;
position: absolute;
left: 452px;
}

.tx_mobit_pi4-activity
{padding:0 0 0 0px;
}

.titles { 
padding:0px; 
text-align:center;
top:7px;
}

.activityseparator { 
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_pi4-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;
}

.tx_mobit_pi4-gite-title-more{
position: relative;
padding-top:3px;
width:230px;
font-size: 8pt;
text-align:center;
}



.tx_mobit_pi4-gite-more{
position: relative; 
text-align:right;
font-size: 8pt;
font-style: italic;
padding-top:5px;
/*padding-right:30px;*/
}

.tx_mobit_pi4-gite-more a{
color:#C53A14;
}
/***=======Google Plan==========***/
.orange_box #googlemappart {
position: absolute;
width:436px;height:404px;
padding:1px;
border:1px dotted #B45507;
}

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

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

}
/***===========Selector Villes===========***/
.orange_box #activityselector {
position:absolute;
width:180px;
text-align:center;
background-color: #F4EEE7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #B45507;
padding-bottom:10px;
    border-style: dotted; 

}

.green_box #activityselector {
position:absolute;
width:180px;
text-align:center;
background-color: #F4EEE7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #4B661C;
padding-bottom:10px;
    border-style: dotted; 

}

.purple_box #activityselector {
position:absolute;
width:180px;
text-align:center;
background-color: #F4EEF7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #5A2F70;
padding-bottom:10px;
    border-style: dotted; 

}

/********legend*******/
.orange_box #legend {
position: absolute; 
left: 11px;
top:445px;
width:416px;
font-size:9pt;
text-align:center;
    background-color: #F4EEE7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #B45507;
    font-size:9pt;
}

.green_box #legend {
position: absolute; 
left: 11px;
top:445px;
width:416px;
font-size:9pt;
text-align:center;
    background-color: #F4EEE7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #4B661C;
}

.purple_box #legend {
position: absolute; 
left: 11px;
top:445px;
width:416px;
font-size:9pt;
text-align:center;
    background-color: #F4EEF7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #5A2F70;
}

/*==========================================*/
.green_box #tx_mobit_pi4-gite-title{
position: relative; 
font-weight: bold;
text-align:center;
color:#4B661C;
}
.orange_box #tx_mobit_pi4-gite-title{
position: relative; 
font-weight: bold;
text-align:center;
color:#B45507;
}
.purple_box #tx_mobit_pi4-gite-title{
position: relative; 
font-weight: bold;
text-align:center;
color:#5A2F70;
}

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

.white_box #tx_mobit_pi4-gite-title{
position: relative; 
font-weight: bold;
text-align:center;
color:#5A2F70;
}

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

.white_box #legend{
position: absolute; 
left: 11px;
top:445px;
width:416px;
font-size:9pt;
text-align:center;
    background-color: #F4EEF7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #5A2F70;
}


.white_box #activityselector {
position:absolute;
width:180px;
text-align:center;
background-color: #F4EEF7;
margin:0 0 0 5px; 
padding:1px;border:1px solid #5A2F70;
padding-bottom:10px;
    border-style: dotted; 
}

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

.brown_red_box #tx_mobit_pi4-gite-title{
    position: relative; 
    font-weight: bold;
    text-align:center;
    color:#702f2f;
}

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

.brown_red_box #legend{
    position: absolute; 
    left: 11px;
    top:445px;
    width:416px;
    font-size:9pt;
    text-align:center;
    background-color: #f4e7e7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #702f2f;
}

.brown_red_box #activityselector {
    position:absolute;
    width:180px;
    text-align:center;
    background-color: #f4e7e7;
    margin:0 0 0 5px; 
    padding:1px;border:1px solid #702f2f;
    padding-bottom:10px;
    border-style: dotted; 
}

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

.yellow_green_box #tx_mobit_pi4-gite-title{
    position: relative; 
    font-weight: bold;
    text-align:center;
    color:#618036;
}

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

.yellow_green_box #legend{
    position: absolute; 
    left: 11px;
    top:445px;
    width:416px;
    font-size:9pt;
    text-align:center;
    background-color: #f2f4e7;
    padding-top:5px; padding-bottom:5px;
    padding-right:10px;padding-left:10px;
    border:1px dotted #618036;
}

.yellow_green_box #activityselector {
    position:absolute;
    width:180px;
    text-align:center;
    background-color: #f2f4e7;
    margin:0 0 0 5px; 
    padding:1px;border:1px solid #618036;
    padding-bottom:10px;
    border-style: dotted; 
}