@charset "utf-8";
/* CSS Document */

* {
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;

  color:#666; /* 0063DC;*/
  margin:0;
  padding:0;
}
html {
  height: 100%;
  z-index: 1;
}
body {
  /*text-align:center;*/
  color: #0063dc;
  height: 100%;  
  font-size: 80%;  
  background: #36bedf url(http://static.myrtillesystems.com/img/fond-dec07-01.jpg) repeat-y center;
  z-index: 1;
}
#container { 
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
	position: relative;
  z-index: 1;
}
#header {
  height: 40px;
	position: relative;
  z-index: 2;
  margin-bottom: 50px;
}
  #menu {
    position: absolute;
    top: 0px;
    background: url(http://static.myrtillesystems.com/img/header.jpg) repeat-x left top;;
    height: 30px;
    width: 100%;
  }
  #menu-item {
    width: 800px;
    margin: 0 auto;
  }
  #menu-item ul li a{
    display: block;
    margin: 0px;
    width: 83px;
    height: 30px;
    float: left;
  }
  #menu-item ul li span{
    display: none;
    z-index: 10;
  }
  /*#menu-item ul li a {
    font-weight: bolder;
    color: #fff;
    font-size:120%;
    border: none;
  }*/
    #menu-accueil a{     
      background: url(http://static.myrtillesystems.com/img/menu-accueil.jpg) no-repeat left top;
    }
    #menu-apropos a{     
      background: url(http://static.myrtillesystems.com/img/menu-apropos.jpg) no-repeat left top;
    }
    #menu-contact a{     
      background: url(http://static.myrtillesystems.com/img/menu-contact.jpg) no-repeat left top;
    }
    #menu-offres a{     
      background: url(http://static.myrtillesystems.com/img/menu-offres.jpg) no-repeat left top;
    }
    #menu-projets a{     
      background: url(http://static.myrtillesystems.com/img/menu-projets.jpg) no-repeat left top;
    }
    li.onglet-in{
      background: url(http://static.myrtillesystems.com/img/onglet-in.png) no-repeat left top;
      z-index: 100;
      width: 83px;
      height: 30px;
      border-bottom: 2px solid #00c;  
      float: left;
    }
  
  #logo {
    margin: 0;
    left: -40px;
    top: 9px;
    position: absolute;
  }
#band {
  width: 100%;
  z-index: 100;
  /*margin-top: 50px;*/
}
  
  #band #band-left{
    width: 49%;
    float: left; 
    margin: 0 auto;
    height: 208px;
    z-index: 1000;
    background: url(http://static.myrtillesystems.com/img/header-left-dec07-01.jpg) repeat-x left top;
    /*border: 1px solid black;*/
  }
  #band #band-right{
    width: 49%;
    float: right;
    margin: 0 auto;
    height: 208px;
    z-index: 100;
    background: url(http://static.myrtillesystems.com/img/header-right-dec07-01.jpg) repeat-x left top;
    /*border: 1px solid black;*/
  }
#band-middle{
  width: 800px; 
  margin: 50px auto 0 auto;!important
  margin: 0px auto 0 auto;
  height: 208px;
  position: absolute;
  margin-left: 50%;
  left: -400px;
  z-index: 1000;
  background: url(http://static.myrtillesystems.com/img/header-dec07-01.jpg) no-repeat left top;
}
  #custom {
    width: 200px;
    right: 10px;
    bottom: 10px;
    position: absolute;
    z-index: 3000;
  }
  #custom h1 {
    color: #fff;
    font-size: 34px;
  }
#middle {
  padding-bottom: 50px;
  overflow: auto;
  z-index: 2000;
  width: 800px;
  margin: 0 auto;
  clear: both;
}
  #content {
    width: 780px;
    margin: 10px auto;
    position: relative;
    z-index: 2001;
  }
  #content-logo { 
    width: 780px;
    margin: 20px auto;   
  }
#footer-c {
  position: absolute;
  width: 100%;
  height: 50px;
	bottom: 0px;
  background: #555 url(http://static.myrtillesystems.com/img/footer.jpg) repeat-x left top;
  z-index: 2;
  left: 0px;
}
  #footer-c p{
    margin-top: 5px;
    color: #ddd;
  }
#helpbox {
  position: absolute;
  display: none;
  padding: 3px;
  background: #fff;
  border: 1px solid black;
  z-index: 9999;
  overflow:auto;
  width: 150px;
  -moz-opacity: 0.00;
  opacity:.00; 
  filter: alpha(opacity=00);
}
h1 {font-size:200%;color: #ff106a;}
h2 {font-size:175%;color: #000;}
h3 {font-size:130%;}
h4 {font-size:100%;}
h5 {font-size:70%;}
h6 {font-size:60%;}
input { color: #000;font-size:100%; padding: 2px;}
select { color: #000;font-size:100%; padding: 2px;}
textarea { color: #000;font-size:100%; padding: 2px;}
a {
  color: rgb(0,51,255);
 /* text-decoration: none;*/
  border: none;
}
a:hover {
  color: rgb(0,51,102);
  /*background: #fff;*/
  border: none;
}
ul {
  list-style: none;
}
p {
  text-align: justify;
  text-indent: 1em;
  margin: 3px;
}
img {
  border: none;
}
.page {
  width: 500px;
  margin: 0 auto;
  overflow: auto;
}
#ul-menu li {
  cursor: pointer;
}
/**
 * Home
 */
 
#home ul{
  margin-left: 30px;
  list-style: disc;
} 

/**
 * Project
 */
 
.project {
  width: 500px;
  margin: 0 auto 30px auto;
}
  .project h3{
    color: #222;
    font-weight: bold;
  }
  
  .project ul {
    list-style: disc;
    margin-left: 2em;
  }
  .project ul li{
    font-weight: bold;
    color: #ff106a;
  }
.photo {
  padding: 3px;
  border: 1px solid #ddd;
}
/**
 * lightbox
 */
#myrtille-box { 
  width: 99%; 
  overflow: auto; 
  position: relative; 
  background:#fff; 
  border: 1px solid #ccc;
}
#myrtille-box-header { 
  background: rgb(29,32,133); 
  height: 20px; 
  background: rgb(0,0,204);
}
#myrtille-box-header h1 { 
  font-size: 16px; 
  text-align: right; 
  color: #fff; 
  margin-right: 10px;
}
#myrtille-box-header h1 a{ 
  color: #fff;
}
#myrtille-box-block { 
  margin-bottom: 20px;
  overflow: auto;
  height: auto; 
  background: rgb(0,0,204);
}
#myrtille-box-margin { 
  margin: 0 15px; 
  background: #fff; 
  overflow: auto; 
  padding: 5px; 
}
#myrtille-box-footer {  
  width: 100%; 
  position: absolute; 
  height: 20px; 
  bottom: 0px; 
  overflow: hidden; 
  background: rgb(0,0,204); 
}
/* General MP */
#myrtille-form-root { 
  background:#fff; 
  border:1px inset #f76291; 
  overflow: auto;
}
#myrtille-form-left { 
  width: 220px; 
  float:left; 
}
#myrtille-form-right { 
  width: 220px; 
  float:right; 
}fieldset.fieldset-MP { 
  border:none;
}
fieldset.fieldset-MP legend.legend-MP { 
  margin-left:2em; 
  background:#fff;
}
fieldset.fieldset-MP input.btn-MP { 
  border:1px solid grey;	
  color: #666666; 
  width:70px; 
  height:22px; 
  margin:0.5em 2em 0 0; 
}
fieldset.fieldset-MP input.btn-MP-create { 
  width:150px; 
}
fieldset.fieldset-MP input.input-MP { 
  border:1px solid grey;	
  color: #666666; 
}
fieldset.fieldset-MP p { 
  /*font-size:10px;*/ 
}
.final-MP {  
  text-align:center; 
  margin:5em 2em; 
}/* Login */
fieldset.fieldset-MP legend { 
  font-size:16px; 
  font-weight:bold; 
}
fieldset.fieldset-MP label {	
  color:#666666; 
}
fieldset.fieldset-MP b {	
  color:#FF0087; 
}
fieldset.fieldset-MP span.messerror { 
  margin-left:1em; 
}
#roundup-base {
  position: absolute;
  margin: 320px 0 0 50%;
  left: 264px;
  width: 271px;
  /*top: -330px;*/
}
#roundup {
  cursor: pointer;
  width: 271px;
  height: 260px;
  left: 5px;
  top: 4px;
  background: url(http://static.myrtillesystems.com/img/roundup.jpg) no-repeat top left;
}
#roundup span {
  display: none;
}

#lightbox{	 
  -moz-opacity: 0.00; 
  opacity:.00; 
  filter: alpha(opacity=00);
  display: none;	
  overflow: auto; 
  position: absolute;	
  top: 50%; 
  left: 50%; 
  z-index: 9000; 
  width: 500px;	
  min-height: 250px; 
  margin:-220px 0 0 -250px; 
}
#lightbox[id] { 
  position:scroll; 
}
#overlay { 
  display:none; 
  position:absolute;	
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  min-height: 800px;
  z-index:5000; 
  background-color:#000;
  -moz-opacity: 0.50; 
  opacity:.50; 
  filter: alpha(opacity=50); 
}
#overlay[id]{ 
  position:fixed; 
}
#lightbox.done #lbLoadMessage{ 
  display:none; 
}
#lightbox.done #lbContent{ 
  display:block; 
}
#lightbox.loading #lbContent{ 
  display:none; 
}
#lightbox.loading #lbLoadMessage{
  display:block; 
}
#lightbox.loading #lbLoadMessage p { 
  width:100px; 
  height:40px; 
  background:#fff; 
  border: 1px solid #555; 
  text-align:center; 
  margin:5px; 
  padding-top:3px; 
} 
.noheight {
  
}
.ul-home li{
  margin-left: 1em;
}