/*
  Copyright 2010, 2011 Genuitec, LLC
  Licensed under the MobiOne Studio End User License, (the "License");
  This header will appear in all HTML files generated by MobiOne Studio(tm)
  operating in "trial" mode.  While in trial mode, you may only use
  MobiOne for evaluation.  You may not use the trial version of MobiOne
  for any commercial, enterprise or corporate (for profit or nonprofit)
  purpose unless expressly licensed to do otherwise.  You may not modify
  or remove this header for any reason prior to purchasing and activating
  a license for MobiOne.  Upon activation,  MobiOne will not generate
  this header.  You may obtain a copy of the MobiOne License at
  
  http://genuitec.com/mobile/mobione/1.0/LICENSE.html
  
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
*/
@-webkit-keyframes fadein{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@-webkit-keyframes fadeout{
  from{
    opacity: 1;
  }
  to{
    opacity: 0;
  }
}

.m1-root{
  -webkit-user-select: none;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.m1-top-root{
  height: 100%;
  left: 0px;
  overflow: visible;
  position: absolute;
  top: 0px;
  width: 100%;
}

.m1-push-button{
  -webkit-border-image: url(res/images/pushButton.png) 5 5 5 5 stretch stretch;
  background-image: url(res/images/pushButton_touch.png);
  background-position: -1000px -1000px;
  background-repeat: no-repeat;
  height: 30px;
  width: 100px;
}

.m1-loading-spinner{
  float: left;
  padding: 3px 3px 3px 3px;
}

.m1-loading-text{
  display: block;
  float: left;
  max-width: 250px;
  min-height: 15px;
  padding: 10px 0px 10px 5px;
  text-align: left;
}

.m1-loading{
  display: none;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  top: 150px;
  vertical-align: middle;
  width: 100%;
  z-index: 99;
}

.m1-button{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background-color: rgba(0,0,0,0);
  color: white;
  cursor: pointer;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.m1-in{
  -webkit-animation-duration: 350ms;
  -webkit-animation-timing-function: ease-in-out;
}

.m1-out{
  -webkit-animation-duration: 350ms;
  -webkit-animation-timing-function: ease-in-out;
}

.m1-iscroll-wrapper{
  overflow: hidden;
}

.m1-root *{
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  display: block;
  float: none;
  position: relative;
  white-space: nowrap;
}

.m1-root .m1-aux-hidden-div{
  display: block;
  height: 0px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 0px;
}

.m1-root caption{
  display: table-caption;
}

.m1-root col{
  display: table-column;
}

.m1-root colgroup{
  display: table-column-group;
}

.m1-root table{
  display: table;
}

.m1-root tbody{
  display: table-row-group;
}

.m1-root td{
  display: table-cell;
}

.m1-root textarea{
  white-space: normal;
}

.m1-root tfoot{
  display: table-footer-group;
}

.m1-root th{
  display: table-cell;
}

.m1-root thead{
  display: table-header-group;
}

.m1-root tr{
  display: table-row;
}

.m1-push-button.m1-clicked{
  -webkit-border-image: url(res/images/pushButton_touch.png) 5 5 5 5 stretch stretch;
}

.m1-loading > div{
  -webkit-border-radius: 8px;
  -webkit-box-sizing: border-box;
  background: rgba(0,0,0,.7);
  color: rgba(255,255,255,.8);
  display: table;
  margin: 0px auto 0px auto;
  padding: 0px 15px 0px 15px;
  text-align: left;
  width: auto;
}

.m1-fade.m1-in{
  -webkit-animation-name: fadein;
  opacity: 1;
  z-index: 10;
}

.m1-fade.m1-out{
  -webkit-animation-name: fadeout;
  opacity: 0;
  z-index: 0;
}

body{
  margin: 0px 0px 0px 0px;
  overflow: hidden;
}


  #m1-Main-push1,#m1-Main-grossnare,#m1-Main-moyensnare,#m1-Main-petitsnare,#m1-Main-petittum,#m1-Main-moyentum,#m1-Main-grostum,#m1-Main-caisseclaire,#m1-Main-grossecaisse,#m1-About-push1,#m1-About-pushclose
  {
  color: rgb(255,255,255);
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}


  #m1-Main-push1,#m1-Main-grossnare,#m1-Main-moyensnare,#m1-Main-petitsnare,#m1-Main-petittum,#m1-Main-moyentum,#m1-Main-grostum,#m1-Main-caisseclaire,#m1-Main-grossecaisse,#m1-About-push1,#m1-About-pushclose
  {
  text-shadow: rgb(64,64,64) 0px -1px 1px;
}

#m1-About-text1{
  color: rgb(0,0,0);
  font-family: Helvetica;
  font-size: 14px;
  font-weight: lighter;
  text-decoration: none;
}

#m1-Main-push1{
  border-width: 5px 5px 5px 5px;
  height: 30px;
  left: 368px;
  line-height: 20px;
  top: -1597px;
  width: 100px;
}

#m1-Main-grossnare{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 66px;
  left: 311px;
  line-height: 64px;
  top: -1775px;
  width: 79px;
}

#m1-Main-moyensnare{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 50px;
  left: 157px;
  line-height: 48px;
  top: -1714px;
  width: 50px;
}

#m1-Main-petitsnare{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 50px;
  left: 103px;
  line-height: 48px;
  top: -1588px;
  width: 50px;
}

#m1-Main-petittum{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 50px;
  left: 209px;
  line-height: 48px;
  top: -1547px;
  width: 50px;
}

#m1-Main-moyentum{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 50px;
  left: 279px;
  line-height: 48px;
  top: -1497px;
  width: 50px;
}

#m1-Main-grostum{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 50px;
  left: 318px;
  line-height: 48px;
  top: -1392px;
  width: 50px;
}

#m1-Main-caisseclaire{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 50px;
  left: 190px;
  line-height: 48px;
  top: -1340px;
  width: 50px;
}

#m1-Main-grossecaisse{
  -webkit-border-image: url(images/cible.png) 1 1 1 1 stretch stretch;
  border-width: 1px 1px 1px 1px;
  height: 73px;
  left: 238px;
  line-height: 71px;
  top: -1222px;
  width: 73px;
}

#m1-Main-solsombre{
  height: 218px;
  left: 0px;
  line-height: 218px;
  top: -1118px;
  width: 480px;
}

#m1-Main-lum3{
  height: 300px;
  left: 0px;
  line-height: 300px;
  top: -900px;
  width: 480px;
}

#m1-Main-lum2{
  height: 300px;
  left: 0px;
  line-height: 300px;
  top: -600px;
  width: 480px;
}

#m1-Main-lum1{
  height: 300px;
  left: 0px;
  line-height: 300px;
  top: -300px;
  width: 431px;
}

#m1-Main-fond{
  height: 300px;
  left: 0px;
  line-height: 300px;
  top: 0px;
  width: 480px;
}

#m1-About-text1{
  height: 36px;
  left: 15px;
  line-height: 18px;
  text-align: center;
  top: 10px;
  white-space: pre-wrap;
  width: 214px;
}

#m1-About-panel1-scroller{
  border-top-color: transparent;
  border-width: 1px 0px 0px 0px;
  height: 154px;
  left: 0px;
  line-height: 40px;
  margin-right: 0px;
  top: 0px;
  width: auto;
}

#m1-About-panel1{
  -webkit-border-radius: 5px;
  background: rgb(255,255,255);
  border-color: rgb(170,170,170);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  height: 51px;
  left: 37px;
  line-height: 49px;
  margin-right: 73px;
  top: -248px;
  width: auto;
}

#m1-About-push1{
  border-width: 5px 5px 5px 5px;
  height: 30px;
  left: 110px;
  line-height: 20px;
  top: -152px;
  width: 100px;
}

#m1-About-pushclose{
  border-width: 5px 5px 5px 5px;
  height: 30px;
  left: 110px;
  line-height: 20px;
  top: -76px;
  width: 100px;
}

#m1-About-aboutimage{
  height: 460px;
  left: 0px;
  line-height: 460px;
  top: 0px;
  width: 320px;
}

#m1-Main{
  background-color: rgb(0,0,0);
}

#m1-About{
  background-color: rgb(0,0,0);
  display: none;
}