body{

}

#saveMenu{
  display: none;
}

#bodyEdit{
  zoom: 0.8; /* Other non-webkit browsers */
    zoom: 80%; /* Webkit browsers */
}

#bodyEdit .buttonGen.SaveButton, #bodyEdit .buttonGen.DisplayButton {
    width: 70%;
}

#bodyEdit .buttonGen.SaveButton span, #bodyEdit .buttonGen.DisplayButton span {
    display: none;
}


#bodyMyScenarios .scenarioBlock, .scenarioBlock{
  width: 90%;
  height: auto;
  
}

.scenarioTitle a {
    
    font-size: 1.2em;
    
}

#concours {
  margin-left: 0%;
}

#listScenariosSpinner, #listScenarios {
    width: 90%;
    /* height: 100%; */
    text-align: left;
    padding-left: 0%;
}

#bodyEdit .sidenav {
   display: block;

}

#headerStart, #headerEnd, #sideNavHaut,#sideNavBas{
  display: none;
}

#sideNavBody{
  background-image: none;
}

.sidenav{
right: 0;
    /* left: auto; */
    top: 0;
    /* width: 10%; */
    position: fixed;
    width: 50px;
}

a#OpenMenuSideBar, a#OpenSearchSideBar {
    width: 40px!important;
    margin: 0;
    padding: 0;
}

#sidebarContent{
	display: none;
}

#sidebarButton
{
  display: block;
}

#sidebarButton .buttonGen, #headerMenuCloseButton{
	width: 70%;
	height: auto;
	padding-top: 10px;
	display: block;
  margin: 5px;
}



#sidebarButton #OpenMenuSideBar:after{
	font-family: FontAwesome;
	content: "\f0c9";
}

#sidebarButton #OpenSearchSideBar:after{
	font-family: FontAwesome;
	content: "\f002";
}


.openedSidenav  #sidebarButton #OpenSearchSideBar{
  max-width: 25px;
}

.openedSidenav  #sidebarButton #OpenSearchSideBar:after{
	font-family: FontAwesome;
	content: "\f00d";
}

.openedSidenav #sidebarButton #OpenMenuSideBar{
	display: none;
}

#headerMenuCloseButton{
  max-width: 25px;
  display: block;
  text-align: center;
}

#headerMenuCloseButton:after{
  display: block;
  font-family: FontAwesome;
	content: "\f00d";
}





.openedSidenav #sidebarContent{
    display: block;
}

#headerMenu li{
  display: block;
  width: auto;
  text-align: center;
  background-color: #7fd6ed;
}

#nav {
	    display: none;
    height: 100%;
    width: 0%;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    background-color: #7fd6ed;
   
}
#toolbox{
	width: auto;
}

#saveNav {
    background: none;
    width: 50px;
    right: 6px;
        top: 55px;
}

#saveNav #SaveButton, #saveNav #DisplayButton {
  width: 40px;
}

#nav.openedSideMenu{
	display: block;
	width: 50%;
  -webkit-box-shadow: -8px 11px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 11px 17px 0px rgba(0,0,0,0.75);
box-shadow: -8px 11px 17px 0px rgba(0,0,0,0.75);
}

.openedSidenav{
  -webkit-box-shadow: -8px 11px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 11px 17px 0px rgba(0,0,0,0.75);
box-shadow: -8px 11px 17px 0px rgba(0,0,0,0.75);
background-color: #7fd6ed;
width: 170px;
}

#justForHeigth{
	display: none;
	height: 0;
}
#concours{
  background: none;
}


/********************************************************LOGIN**********************************************************************/
.ui-tabs .ui-tabs-nav li {
  font-size: 0.8em;
}

#subandlogBlock input[type=text], #subandlogBlock input[type=password] {
    width: 100%;
}

#centerBlock {
    width: 99%;
}

#loginBlock, #subscribeBlock {
   width: 95%;
}


/***************************************EDITOR******************************************************/

/*#bodyEdit #main {
    width: auto;
    margin: auto;
}*/

.baseBlock{
  width: 87% !important;
}

.descriptionHeader {
    height: auto;
}

.descriptionHeader.ui-state-active .descriptionHeaderPart3, #objectivesTitle.ui-state-active, #specialRulesTitle.ui-state-active  {
  color: #FFF;
}

.descriptionHeaderPart1, .descriptionHeaderPart2, .descriptionHeaderPart4{
  display: none;

}

/*.descriptionHeaderPart3:before{
  font-family: FontAwesome;
  content: "\f0da"; 
  padding: 10px; 
  margin: 0;
}

.descriptionHeaderPart3.openedHeader:before{
  content: "\f0d7"; 
}*/

.heroNote{
  width: 90%;
}

.heroSelector span{
  display: none;
}

.heroSelector{
  background-color: #CCC;
  padding: 5px;
}

#gemsHeroesHeader, #gemsOlHeader{
  background-image: none;
  text-indent: 0;
  height: auto;
}

#gemsHeroesFooter, #gemsOlFooter, #specialRulesFooter{
  display: none;
}

#gemsHeroesBody select{
  display: block;
}

#gemsHeroesBody, #gemsOlBody{
  height: auto !important;
  background-image: none;
  padding: 5px;
}

#objectivesBlock{
  height: auto !important;
  padding: 5px !important;
}

#objectivesTitle, #specialRulesTitle{
  color:black;
  background-image: none;
  /*width: 100%;*/
  font-size: 100%;
}

#heroObjectivesIcon, #olObjectivesIcon, #specialRulesHeader{
  display: none;
  padding: 0;
  width: auto;
}

#olObjectivesText, #heroObjectivesText{
  color: black;
  width: auto;
}

.descriptionHeaderPart3 {
    /*height: auto;
    width: 87%;
    text-align: left;
    font-size: 1.2em;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    padding: 5px;*/
    color:black;
    background-image: none;
    padding: 5px !important;
    font-size: 1.0em;
    text-align: left;
    height: auto;
    display: inline;
    width: 100%;
}


#objectives {
    height: auto;
    background-image: none;
    padding: 0;
}


.descriptionBody{
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #dddddd;
  background: #CCC;
  color: #333333;
  margin-bottom: 10px;
  /*width: 100%;*/
  display: none;
   padding: 5px !important;
}

.descriptionFooter{
  display: none;
}

.mce-panel {
   
    width: 100% !important;
}

#mandatorySelect{
  width: 120px;
}

.formLabels{
  display:inline-block;
  width: 36%
}

.MapItem {
  height: auto;
}

#rounded1 {
    width: 100%;
}

#skelosContener{
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

#specialRulesBody{
   background-color:transparent;
   height: auto;
   min-height: 0;
    padding: 0;
}

#eventsListUl li{
  width: auto;
}

#specialRulesUlContener, #mapEditionBlock, #mapChoiceBlock, #infoGenBlock{
  height: auto !important;
}

#containment-wrapper { 
  width: 100%;
  height: auto;
  overflow: scroll;
}

#mapImg { 
  width: 800px; 
  height:686px; 
}

a.boxbutton {
  width: 30px;
  height: 30px;
  vertical-align: middle;  
  z-index: 1000;
}

.pawn a.boxbutton, .riverItem a.boxbutton{
  top:-15px;
  right: -15px;
}

.ruleDesc, .eventDesc{
  display: block;
  margin-top: 10px;
}

#tileContener {
    height: 200px;
    
}

#listContener{
  /*margin-top: 55px;*/
}

.headerHeight{
  height: 0;
}


/******************************************************************************************scenariopage******************************************************************************************/

#comments{
  width: auto;
}
/**********************************customMaps***********************/

#customMaps #mySidenav{
  display: block;
}



/*********finance************/

#messageNoAddBlock, #messageFin{
  display: none!important;
}

#mybne{
  display: none!important;
}

#headerMine a{
      font-size: 0.8em;
      right: 120px;
}