/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
.n2menu
{
     background:  #fff7cd url("imgs/palmier.png") no-repeat 300px 30px ;
     color:#000;
}
.n2menu ul
{
	display:block;
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0 24px;
}
.initialized ul ul
{
	display:none;
}
.n2menu li
{
	float:left;
}
.n2menu a,
.n2menu span
{
	display:block;
	padding:3px 6px;
	text-decoration:none;
	white-space:nowrap;
	color:black;
}
.n2menu a:hover
{
	text-decoration:underline;
}
.n2menu .subMenu
{
	display:block;
	clear:right;
	display:block;
}
.n2menu .expanded,
.n2menu .level2
{
    background:  #fff7cd url("imgs/palmier.png") no-repeat 300px 30px ;
}

.n2menu .level2 .expanded,
.n2menu .level3
{
	background-color:#555;
}
.n2menu .level3 .expanded,
.n2menu .level4
{
	background-color:#666;
}
.n2menu .level3 .expanded,
.n2menu .level4
{
	background-color:#777;
}
.n2menu .level4 .expanded,
.n2menu .level5
{
	background-color:#888;
}
.n2menu .level5 .expanded,
.n2menu .level6
{
	background-color:#999;
}
.n2menu .level6 .expanded,
.n2menu .level7
{
	background-color:#aaa;
}
.n2menu .level7 .expanded,
.n2menu .level8
{
	background-color:#bbb;
}
.n2menu .level8 .expanded,
.n2menu .level9
{
	background-color:#ccc;
}
.n2menu .trail,
.n2menu .current
{
	font-weight:bold;
}

.n2menu ul:after,.floatFixed {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.n2menu ul,.floatFixed {display: inline-block;}

/* Hides from IE-mac \*/
* html .n2menu ul,* html .floatFixed {height: 1%;}
.n2menu ul,.floatFixed {display: block;}
/* End hide from IE-mac */

#menuContainer {
  float:left;
}
html {}

.app-body {
     margin: 0px;
     padding: 0;
     height: 100%;
     background : #FFFFA0;
     overflow: hidden;
}


#headerdivlogo {
  float:left;
  margin-right:25px;
  margin-top:10px;
  margin-left:10px;
  margin-bottom:4px;
}

#headerlogo {
}

div#frontpagecities ul {
  border-bottom : 1px solid #aaa;
}

div#frontpagecities ul li {
    list-style: none;
    float:left;
    margin:0pt 0pt 0pt 10px;
}

a {
  text-decoration:none;
  color:#333;
  font-weight:bold;
  border:0px;
}

a:hover {
  text-decoration:underline;
}

a img {
  border:0px;
}

.tabs-nav {
  padding-top:32px;
}

.tabcontent {
  position:relative;
}


.tab-container {
     position: absolute;
     top: 0px;
     left: 0px;
     border: 1px solid #aaa;
}

#map-select {
     width: 100%;
     height: 100%;
     margin-left:85px;
}

#rsidezone {
     position: absolute;
     top: -5px;
     right: -5px;
     width: 225px;     
}

.rsidebar {
     width: 100%;     
     overflow: auto;
     background:white;
     border: 1px solid #888;
     margin-bottom : 4px;
}

.hidden {
	display:none;
}

#wizardzone {
	background:#FFFFA0 none repeat scroll 0%;
}

.wizardbox {
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
}

.rsidebar div.tool {
     border-bottom: 1px solid #888;	
     padding-top:5px;
     padding-left:5px;
}

.rsidebar div.toolTitle {
	padding-left:10px;

	font-weight:bold;
	border-bottom: 1px solid #888;	
	background: #ffa;
}

.rsidebar div.toolTitle a {
   display:inline;
}


div.htool {
  padding-left:10px;
  background: #ffa;
}

#videoTool {
  padding-top:3px;
  padding-left:3px;
}

.videoPreviewTitle {
  margin-top : 5px;
  margin-bottom : 5px;
  margin-left : 10px;
  font-weight : bold;
}


div.mediabox {  
    border: 0px;
    margin: auto;  
    background: #111;  
    text-align: center; 
    color: white;   
    font-weight: bold;  
    padding: 10px;
} 

div.mediabox div {
  margin : 10px;
}


#mb1 img {
  float:right;
  margin-right : 2px;
}


#imagebarContainer {
     position: absolute;
     top: 6px;
     left: 0px; 
     width: 80px;
     background-color: rgb(0, 0, 0); 
     opacity: 0.3;
     height:610px;
}

#imagebar {
     position: absolute;
     top: 0px;
     left: -5px; 
}


.imageBarImage {
     vertical-align:top;
     margin-bottom:2px;
     border:1px solid #888;
}

.imageBarImage:hover{
     position:relative;
     left: 1px;
     top : 1px;
     border:1px solid 444;
}


.image:hover {
	vertical-align:middle;
	border-color : black;
}


.header.old {
  position:absolute;
  left:0px;
  top:0px;
  height: 100px;
  text-align:left;
  color: #333;
  margin-bottom:1px;

}

.header {
  position:absolute;
  left:0px;
  top:0px;

  text-align:left;
  color: #333;
  margin-bottom:1px;
}


.full {
  height:100%;
  width:100%;
}

#topbar {
     position:absolute;
     top:6px;
     right:4px;     
     padding-left:5px;
     text-align:left;
     background:white;
     border:1px solid #888;
}

#topbar span {

}

#topbar span.login {
     padding-right : 10px;
     padding-left: 10px;
}

a.signup {
 font-weight:normal;
}
a.blog {
 font-weight:normal;
}

a.signup:hover {
}
a.signin:hover {
}

#searchbar {
     border:1px solid  #888;
     position:absolute;
     top:6px;
     right:235px;     
     text-align:left;
     background:white;
}

#searchbar span {
}

#searchbar span.login {
     padding-left: 5px;
}

#geofind-form {
  display:inline;
  margin-left : 0px;
  padding:0px;
}


#geofind-form input.box {
   background: white;
   padding-left: 5px;
   width:200px;
   border:0px;
}

#geofind-form input.button {
  border-bottom:0px;
  border-top:0px;
  border-left:1px solid #888;
  border-right:1px solid #888;
}


form {

}

#pointaddform {
}

#pointaddform fieldset {
  display:block;
  padding: 10px 5px 5px 5px;
}

#pointaddform label {
  display:block;
  font-weight:bold;
  margin-bottom:15px;
}

#pointaddform input {
  display:block;
  width : 100%;
}

#layermenu {
  margin:5px;
}

#layermenu label {
  display:block;
}

#layermenu input {
  margin-right : 10px;
}


.layerlegend {
  position:relative;
}

.layerlegendimg {
  float:right;
  left: -55px;
  position:relative;
  top: -22px;
}

#layerlegendimg {
  position:absolute;  
  right:15px;
  top:-20px;
}

#layermenudiv {
  position:relative;
  
}

.layerlegendtext {
  display:inline;
}

#iwtoolbar {
  margin-right : 14px;
  border-bottom: 1px solid #888;

}

div.smallselection div.smallselect {
  padding:2px;
  border : 0px none;
}

div.smallselection div {
  font-weight:normal;
  padding:0px;
  height:42px;
  border-bottom : 1px solid #aaa
}

#fullscreenimg {
  position:absolute;
  left:0px;
  top:100px;
}

.exportable {
  color:#000;	
}

.nonExportable {
  color:#444;
}

.itemView {
  
}


	
#sortZone {
    position:absolute;
    padding:0px;
    top: 2px;
    left: 2px;
    width:500px;
    height:400px;
    overflow: auto;
    border: 1px solid #aaa;
    background : #FFFFFF;	
}

.dragHandle {
    float:left;
    clear:left;
    width:13px;
    height:105px;
    margin-right:10px;
}

#map-organize {
    position:absolute;
    top: 259px;
    right:-7px;
    width: 320px;
    height: 240px;    
    border: 1px solid #aaa;
}

#videoZone {		 
    position: absolute;
    top: -6px;
    right:-7px;
    width:320px;
    height:255px;
    border: 1px solid #aaa;
}

ul#sortable1 {
    list-style: none;
    padding-left: 0px;
    margin:0px;
}
ul#sortable1 li div.selectionBigItemDiv {
    border-bottom: solid 1px;
    padding-top:2px;
    padding-bottom:2px;
}

.organizePlayImage {
  position:absolute;
  top:30px;
  right: 40px;
}

.selectionBigItemDiv {
    position:relative;
    height:105px;
}
.selectionBigItemDrag {
    display:inline;
    font-weight:bold;
    vertical-align: top;
    
}
.selectionBigItemTitle {
    display:inline;
    font-weight:bold;
    top:0px;
    left:10px;
    width:200px;
}
.selectionBigItemMovie {
    float:right; 
    clear:right;
    top:0px;
    right:0px;		  
}

.inlineDiv {
    display:inline;
}
.inlineDivOrganize {
    display:inline;
}
.sortableactive {
		     
}

#draghelper {
    background : #CCCCFF;
    border: solid 1px black;
}
#sorthelper {
    background : #CCCCFF;
    border-bottom: solid 1px black;
}

.selectEmpty {
  float:right;
  margin:2px;
  border:0px;
}

.selectRemove {
  position:relative;
  left:-15px;
  border:0px;
}

.smallSelectRemove {
  float:right;
  margin-right: 3px;
  margin: 2px;
  border:0px;
}

.smalldescr {
  vertical-align: top;
  border:0px none;
}

.smallthumb {
  float:left;
  clear:left;
  margin-right:2px;
  width:53px;
  height:40px;
}




ul#footerlinks {
   list-style-type:none;
}

ul#footerlinks li {
  
}


#fpbody {
	margin: 0;
	padding: 0;
	background:  #fff7cd url("imgs/palmier.png") no-repeat 300px 30px ;
			
}

#fp-header {
	background: #8e2800 url("imgs/palmier.png") no-repeat 300px 30px;
	min-height: 250px;

}

.fp-home-container {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	padding : 25px 0;
	
}

#fp-map {
	position:absolute;
	right:100px;
	top:280px;
	font-family: 'Lucia grande';
	font-size: 25px;
}

.fp-discover {
	background: url("imgs/sbulle1.png") 0 0 no-repeat;
	text-indent: -6000px;
	position: absolute;
	top: 0px;
	left: 57px;
	height:126px;
	width: 201px;
}

.fp-discover:hover {
	background-position: 0 -134px;
	text-indent: -6000px;
	position: absolute;
	top: 0px;
	left: 57px;
	height:126px;
	width: 201px;
}

.fp-plan {
	background: url("imgs/sbulle2.png") 0 0 no-repeat;
	text-indent: -6000px;
	position: absolute;
	top: 126px;
	left: 172px;
	height:124px;
	width: 235px;
}

.fp-plan:hover {
	background-position: 0 -132px;
	text-indent: -6000px;
	position: absolute;
	top: 126px;
	left: 172px;
	height:124px;
	width: 235px;
}

.fp-export {
	background: url("imgs/sbulle3.png") 0 0 no-repeat;
	text-indent: -6000px;
	position: absolute;
	top: 249px;
	left: 313px;
	height:125px;
	width: 200px;

}

.fp-export:hover {
	background-position: 0 -133px;
	text-indent: -6000px;
	position: absolute;
	top: 249px;
	left: 313px;
	height:125px;
	width: 200px;

}

.fp-bouton {
	background-image: url("imgs/bouton.png");
	text-indent: -6000px;
	float: right;
	clear: right;
	height:38px;
	width: 112px;
	margin-top: 15px;
}


#fp-playzone {
    position:absolute;
    padding:0px;
    top: 2px;
    left: 2px;
    width:500px;
    height:400px;
    overflow: auto;
    border: 1px solid #aaa;
    background : #FFFFFF;	
}

.fpsmallthumb {
  float:left;
  clear:left;
  margin-right:2px;
  width:91px;
  height:83px;
}

.vignette {
  background:transparent url(imgs/container.png) no-repeat scroll 0pt;
  color:#A5A5A5;
  display:block;
  font-size:12px;
  height:97px;
  text-decoration:none;
  width:104px;
}

.vignette2 {
  border-style:none;
  position:relative;
  top:15px; 
  left:17px;
  width:72px;
  height:54px;
}

.caption {
  display:block;
  position:relative;
  top:20px;
}

ul#fp-playlist {
    list-style: none;
    padding-left: 0px;
    margin:0px;
}



#cartouches ul li {
	float: left;
	clear: left;
	list-style: none;
}


#pano_photo_infowin {
	display: block;
	margin: 3px 0 0 0;
}
#pano_infowin {
	height: 220px;
	width: 250px;
}

#pano_infowin a {
	color: #005296;
	text-decoration: none;
}	
		
#pano_infowin a img { 
	border: 0; 
}

#pano_infowin p {
	margin: 0;
	font-size: 80%;
}
		
#pano_infowin p.pano_photo_title {
	font-size: 100%;
}