::root {
  var-image-url-article: url(../icones/black/article.png);
}
@viewport {
  width: extend-to-zoom 980px;
  min-zoom: 0.25;
  max-zoom: 5;
}


/*
Terra mentis
font-family: 'IM Fell English SC', serif;

font-family: 'IM Fell DW Pica', serif;
font-family: 'Crimson Text', serif;
font-family: 'IM Fell English', serif;

*/

body {
  margin:0px;
  background-color: #190B07;
}
.ui-icon-brol {
  background:#CCCCCC url(../icones/black/printer.png) no-repeat  50% 9px;
  background-size:15px;
}
a {
  
    /*color: #007ED2;*/
color: #018FE2;
}
a:hover, a:focus {
    color: #018FE2;
}
#mainContainer {
  position:relative;
  margin-top:50px;
  margin-left:300px;
  
}
#mapElem1, #mapElem2, #mapElem3, #mapElem4, #mapElem5, #mapElem6, #mapElem7, #mapElem8,
#mapElem9, #mapElem10, #mapElem11, #mapElem12, #mapElem13, #mapElem14, #mapElem15, #mapElem16,
#mapElem17, #mapElem18, #mapElem19, #mapElem20, #mapElem21, #mapElem22, #mapElem23, #mapElem24 {
  cursor: pointer;
  opacity:0.8;
  background-color:#120B00;
}
#mapElem1:hover, #mapElem2:hover, #mapElem3:hover, #mapElem4:hover, #mapElem5:hover, #mapElem6:hover, #mapElem7:hover, #mapElem8:hover,
#mapElem9:hover, #mapElem10:hover, #mapElem11:hover, #mapElem12:hover, #mapElem13:hover, #mapElem14:hover, #mapElem15:hover, #mapElem16:hover,
#mapElem17:hover, #mapElem18:hover, #mapElem19:hover, #mapElem20:hover, #mapElem21:hover, #mapElem22:hover, #mapElem23:hover, #mapElem24:hover {
  
  /*
  opacity: 0.6;
  background-color:#000000;
  */
  
  cursor:pointer;
  box-shadow: 0px 0px 10px 2px rgba(11, 10, 10, 0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(11, 10, 10, 0.75);
-webkit-box-shadow: 0px 0px 10px 2px rgba(11, 10, 10, 0.75);
  
  
}


#stretchData {
   position:fixed;
  top:0px;
  font-size:10px;
  right:0px;
  width:250px;
  color: #FFFFFF;
  background-color: #190B07;
  z-index:999;
}
/*===========================================================
 leftpanelContainer
 ============================================================*/
#leftpanelContainer {
  position:fixed;
  top:50px;
  left:0px;
  font-family: 'Crimson Text', serif;
  /*font-family: 'Just Me Again Down Here', cursive;*/
  font-weight:400;
  font-size:1em;
  
  width:300px;
  
  color: #333333;
  background-color: #A8DDC3;
  padding: 10px 0px 10px 0px;

}
#leftpanelContent {
  width:295px;
 overflow-x: auto;
  position: relative;
  border:0px solid #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  
}
#mapTitle {
   font-family: 'IM Fell English SC', serif;
   font-size: 1.2em;
  
  color:#000000;
  background-color: #85C3A5;
   padding: 3px 0px 3px 10px;
}
#leftpanelElement {
   font-family: 'Crimson Text', serif;
 
  min-height:35px;
  margin-top:10px;
  padding: 10px 0px 0px 10px;
}

#mainmenuMapTitle {
   font-family: 'IM Fell English SC', serif;
   font-size: 1.2em;
  
  color:#000000;
  background-color: #A8DDC3;
   padding: 3px 0px 3px 10px;
  vertical-align: top;

}

#mainmenuMapTitle:hover {
  background-color: #85C3A5;
  cursor: pointer;
}
#mainmenuMapTitle .spanNumber {
   
  padding: 0px 10px 0px 0px;
  
}
#mainmenuMapTitle .spanTitle {
 

 
  padding: 0px 0px 0px 0px;
  
   
}
/*===========================================================
 topContainer
 ============================================================*/

#topContainer {
  float:left;
  font-family: 'IM Fell English SC', serif;
  /*font-family: 'Just Me Again Down Here', cursive;*/
  
  font-size:1.8em;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  color: #FFFFFF;
  background-color: #190B07;
  padding: 0px 20px;
  z-index:500;
}
#homeLink {
  float:left;
  margin:0px 0px 0px 130px;
  padding:5px 20px 0px 0px;

}
#facebookLink a {
  float:left;
  margin:3px 0px 0px 0px;
  padding:5px 20px 0px 0px;

}
#mainTitle {
  float:left;
  margin:7px 0px 0px 10px;
}
#mainTitle a {
  color:#ffffff;
  text-decoration: none;
}
/*===========================================================
 mainAudioPlayer
 ============================================================*/

#mainAudioPlayer {
  font-family: 'Muli', sans-serif;
  /*font-family: 'Just Me Again Down Here', cursive;*/
  font-weight:400;
  font-size:1.8em;
  position:fixed;
  bottom:0px;
  left:0px;
  width:300px;
  height:30px;
  color: #FFFFFF;
  background-color: #A8DDC3;
  padding: 10px 0px 0px 0px;
}
/*===========================================================
  Images Boutons
 ============================================================*/

#boutonMedia {
 
  float:left;
  clear:both;
  height:30px;
  width:30px;
  border:0px solid #190B07;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  
box-shadow: 0px 0px 10px 2px rgba(11, 10, 10, 0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(11, 10, 10, 0.75);
-webkit-box-shadow: 0px 0px 10px 2px rgba(11, 10, 10, 0.75);
  
}
#boutonMedia:hover {
  cursor:pointer;
  
}

.boutonTexte {
  
   background:#CCCCCC url(../imagesSite/text_16x16.png) no-repeat  50% 50%;
}
.boutonSon {
  
   background:#CCCCCC url(../imagesSite/sound_16x16.png) no-repeat  50% 50%;
}
.boutonGallery {
  
   background:#CCCCCC url(../imagesSite/gallery_16x16.png) no-repeat  50% 50%;
}
.boutonVideo {
  
   background:#CCCCCC url(../imagesSite/movie_16x16.png) no-repeat  50% 50%;
}
#elementTitle {
  float:left;
  font-family: 'Crimson Text', serif;
  font-weight:700;
  font-size:1em;
  
  color:#000000;
  padding:5px 0px 0px 10px;
  border:0px solid #ff0000;
  cursor: pointer;
}
#elementDescription {
  float:left;
  clear:both;
  font-family: 'Crimson Text', serif;
  
  font-size:1em;
  padding:5px 0px 15px 5px;
 }
 #elementDescription p {
  margin:0px;
  padding:0px 0px 5px 0px;
 }

#audioContainer {
  width:80%;
	max-width: 200px;
	/*position: absolute;*/
	margin: 10px 10px 10px 0px;
	
  
  
  
}

#leftpanelTools {
  width:17em;
	


}

#cursorMessageDiv {
  font-family: 'IM Fell English SC', serif;
}

#dialogContent {
  font-family: 'Crimson Text', serif;
   padding: 1.5em 1.5em;
}

.ui-widget-header {
  font-family: 'Crimson Text', serif;
    border: 0px solid #AAA;
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #A8DDC3;
    color: #000000;
    
}

.ui-dialog {
  padding: 0em;
  }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
  border: 1px solid #cccccc;
   background: #A8DDC3 url(images/ui-bg_flat_100_007ED2_40x100.png) 50% 50% repeat-x;
    font-weight: normal; color: #212121; 
  }

  .ui-dialog-buttonpane button {
    margin: 0.4em 0.3em 0.4em 0px;
    cursor: pointer;

  }

  .ui-widget button {
    font-family: 'Crimson Text', serif;
    font-size: 0.8em;
  }

  .ui-widget-overlay {
    background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #000;
    opacity: 0.6;
  }


  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0px none;
    padding: 0em 0em;
    background: none repeat scroll 0% 0% transparent;
    overflow: auto;

  }

  #imageContainer .comment {
    color:#ffffff;
    font-family: 'Crimson Text', serif;
    padding: 5px 0px 20px 10px;

  }
  #jplayerContainer {
    background-color: #000000;
  }