body                 {scrollbar-face-color: #E2E4E5; scrollbar-track-color: #E2E4E5; scrollbar-arrow-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: Black;buttonface: #E06F00;}

FONT                     {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
TD                     {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
BODY                     {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
P                     {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
DIV                     {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
INPUT                     {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; BACKGROUND-COLOR: #C8C2A5;}
TEXTAREA             {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #C8C2A5;}
FORM                      {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
SELECT                     {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #E2E4E5;}

A:link               {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; BACKGROUND: none;}
A:active             {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; BACKGROUND: none;}
A:visited            {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; BACKGROUND: none;}
A:hover              {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: underline overline; BACKGROUND: none;}

.title                      {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.storytitle              {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.boxtitle              {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.option              {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.storycat             {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND: none;}
.tiny                     {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none; BACKGROUND: none;}

.content              {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; BACKGROUND: none;}
.boxcontent              {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; BACKGROUND: none;}

@charset"utf-8";
/*==> module geoloc */
/*==> general*/
 .res_accon
 {
 	line-height: 40px;
    padding: 22px 0 22px 36px; 
 	background: url('../../../modules/geoloc/images/acg.png') left center no-repeat;
 	text-align: left;
 	margin-left: 2px;
 }
 .res_mbcon {
       line-height: 40px; 
       padding: 22px 0 22px 36px; 
       background: url('../../../modules/geoloc/images/mbcg.png') left center no-repeat;         
       text-align: left;
       margin-left: 2px;
 }
 .res_mbg {
       line-height: 35px; 
       padding: 22px 0 22px 36px; 
       background: url('../../../modules/geoloc/images/mbg.png') left center no-repeat;         
       text-align: left;
       margin-left: 2px;
 }
 .con
 {
 	line-height: 17px;
 	padding: 0 0 0 20px;
 	background: url('../../../modules/geoloc/images/connect.gif') left center no-repeat;
 	text-align: left;
 	margin-left: 2px;
 }
 .accon
 {
 	line-height: 17px;
 	padding: 0 0 0 20px;
 	background: url('../../../modules/geoloc/images/acg_small.png') left center no-repeat;
 	text-align: left;
 	margin-left: 2px;
 }
.mbcon
{
       line-height: 17px; 
       padding: 1px 0 1px 20px; 
       background: url('../../../modules/geoloc/images/mbcg_small.png') left center no-repeat;         
       text-align: left;
       margin-left: 2px;
 }
  .mbg {
       line-height: 17px; 
       padding: 1px 0 1px 20px; 
       background: url('../../../modules/geoloc/images/mbg_small.png') left center no-repeat;         
       text-align: left;
       margin-left: 2px;
 }
 .mb {
       line-height: 17px; 
       padding: 1px 0 1px 20px; 
       background: url('../../../modules/geoloc/images/mb_small.png') left center no-repeat;         
       text-align: left;
       margin-left: 2px;
 }
    .mb_stat {
       line-height: 17px; 
       padding: 1px 15px 1px 2px; 
       background: url('../../../modules/geoloc/images/mb_small.png') right center no-repeat;         
       text-align: left;
       margin-right: 2px;
 }
   .mbg_stat {
       line-height: 17px; 
       padding: 1px 15px 1px 2px; 
       background: url('../../../modules/geoloc/images/mbg_small.png') right center no-repeat;         
       text-align: left;
       margin-right: 2px;
 }
 
.help_mod
 {
       line-height: 20px; 
       padding: 1px 0px 1px 20px; 
       background: url('../../../modules/geoloc/images/help.png') left center no-repeat;         
       text-align: left;
       margin-right: 2px;
       	font-weight: bold;
 }

.info_mod
{
	line-height: 20px;
	padding: 1px 0px 1px 20px;
	background: url('../../../modules/geoloc/images/info.png') left center no-repeat;
	text-align: left;
	margin-right: 2px;
	font-weight: bold;
}

 
#content {
     margin-top: 0;
     position: relative;
     width: 100%;
     height: 400px;
}

#map {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: 400px;
     border: 1px solid #aaa;
     overflow: hidden;
}

#map_bloc {
     position: relative;
     top: 0;
     left: 0;
     width: 140px;
     height: 120px;
     overflow: hidden;
     border: 1px solid #aaa;
}

#map-wrapper {
     position: relative;
     height: 400px;
     width: 100%;

}

#sidebar {
     filter : alpha(opacity=80);
     -moz-opacity : 0.8;
     opacity : 0.8; 
     background: white;
     position: absolute;
     border: 1px solid #aaa;
     top: 0;
     width: 180px;
     height: 400px;
     overflow: auto;
}

#sidebar ul#sidebar-list {
     list-style: none;
     padding: 0;
     margin: 0;
}

#sidebar ul#sidebar-list li a strong {
     display: block;
}
#sidebar ul#sidebar-list li a span {
     font-style: italic;
     font-size: 11px;
}

body.sidebar-right #map-wrapper { margin-right: 180px; }
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

cartinf #btn-infcar-hide{ display: none; }

nocartinf a#btn-infcar-hide{ display: none; }




#toolbar {

     background: white;
     padding: 0;
     border: 1px solid #aaa;
     position: relative;
     width: 100%;
     height: 60px;
     top: 0;
}

.sprite_globe,.sprite_point,.sprite_mbcg,.sprite_acg,sprite-globe_computer,.sprite_fl_d,.sprite_mbcg_small,.sprite_globe_up,.sprite_globe_process,.sprite_help,.sprite_acg_small,.sprite_fl_b,.sprite_ip_ng, .sprite_mbg,.sprite_globe_down,.sprite_info,.sprite_mb_small,.sprite_mbg_small,.sprite_connect,.sprite_loader_grey,.sprite_mbgb {
background: url('../../../modules/geoloc/images/geoloc_ico.png') no-repeat;
}
.sprite_globe { background-position: 0 -30px;  } 
.sprite_point { background-position: 0 -92px; } 
.sprite_mbcg { background-position: 0 -131px;
	line-height: 26px; 
	padding:9px 0 22px 27px; 
	text-align: left;
	margin-left: 2px;
 } 
.sprite_acg { background-position: 0 -185px;
	line-height: 26px; 
	padding:6px 0 22px 27px; 
	text-align: left;
	margin-left: 2px;
 } 
.sprite_globe_computer { background-position: 0 -239px; } 
.sprite_fl_d { background-position: 0 -301px; } 
.sprite_mbcg_small { background-position: 0 -347px;
	line-height: 17px; 
	padding: 1px 1px 1px 16px; 
	text-align: left;
	margin-left: 2px;
} 
.sprite_globe_up { background-position: 0 -393px; } 
.sprite_globe_process { background-position: 0 -455px; } 
.sprite_help { background-position: 0 -517px; 
	line-height: 20px;
	padding: 1px 0px 1px 24px;
	text-align: left;
	margin-right: 2px;
	font-weight: bold;
} 
.sprite_acg_small { background-position: 0 -563px;
	line-height: 17px; 
	padding: 1px 1px 1px 16px; 
	text-align: left;
	margin-left: 2px;
} 
.sprite_fl_b { background-position: 0 -609px; } 
.sprite_ip_ng { background-position: 0 -655px; } 
.sprite_mm_20_shadow { background-position: 0 -717px; } 
.sprite_mbg { background-position: 0 -767px;
	line-height: 26px; 
	padding:9px 0 22px 27px; 
	text-align: left;
	margin-left: 2px;
 } 
.sprite_globe_down { background-position: 0 -821px; } 
.sprite_info { background-position: 0 -883px;
	line-height: 20px;
	padding: 1px 0px 1px 24px;
	text-align: left;
	margin-right: 2px;
	font-weight: bold;
} 
.sprite_mb_small { background-position: 0 -929px;
	line-height: 17px; 
	padding: 1px 15px 1px 16px; 
	text-align: left;
	margin-right: 2px;
 } 
.sprite_mbg_small { background-position: 0 -975px;
	line-height: 17px; 
	padding: 1px 1px 1px 16px; 
	text-align: left;
	margin-left: 2px;
} 
.sprite_connect { background-position: 0 -1021px; } 
.sprite_loader_grey { background-position: 0 -1068px; } 
.sprite_mbgb { background-position: 0 -1130px; } 
/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
*/
/* Hides from IE-mac \*/
* html .#toolbar {height: 1%;};
html .#map_cont {height: 1%;};
html .#mess_info {height: 1%;};

/* End hide from IE-mac */

*html #toolbar { 
     /*height: 1px;*/
     background-image:none;
  
     }

#toolbar ul {
     list-style: none;
     margin: 0;
     padding: 5px 0 0 0;
}

#toolbar ul#sidebar-controls {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#toolbar ul#options {
	position: relative;
	bottom: 0;
	right: 0;
	margin-top:2px;
	margin-left:2px;
	line-height: 34px;
    height: 24px;
}

#toolbar ul li {
     display: inline;
}

#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 150px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

body.loading #alert { display: block; }

#mypoint {
     background: white;
     padding: 0;
     width: 100%;
     height: 14px;
     border: 1px solid #aaa;
     position: relative;
     top: 0;
     font : monospace;
     font-size: 10px;
     text-align: right;
}

#inf_map {
     display: block;
     background: white;
     padding: 0;
     width: 100%;
     height: 100%;
     position: relative;
     top: 0;
     font : monospace;
     font-size: 10px;
}
.non {
display: none;
}
.oui {
display: block;
}
#aid_map {
     display: block;
     background: white;
     padding: 0;
     width: 100%;
     height: 100%;
     position: relative;
     top: 0;
}

#mess_info {
  background-color: #white;
  line-height: 10px;
  top: 0;
}
.sou_tit
{
	color: gray;
	margin-left: 2px;
}
/*<== general*/
/*==> ports */

		v\:* {BEHAVIOR:url(#default#VML); }

#descr { position:absolute;
	top:40px;
	left: 580px;
	width: 250px;
}


.button { display: block;
	width: 180px;
	border: 1px Solid #565;
	background-color:#F5F5F5; 
        padding: 3px;
        text-decoration: none;
	font-size:smaller;
}

.button:hover { background-color: white; }

.tooltip { text-align: center;

     filter : alpha(opacity=80);
     -moz-opacity : 0.8;
     opacity : 0.8; 
	white-space: nowrap;
	margin: 0;
	padding: 2px 0.5ex;
	border: 1px solid #000;
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana;
	background-color: #fff;
}
/*<== ports */




/*<== module geoloc */