html, body, ul, ol, li, form, fieldset, legend{
	margin: 0;
	padding: 0;
}
.clear {clear: both;}

select{
	background:#fff;
	border:1px solid #dedede;
}

.logbook{
  margin:5px;
}
.sheet{
  border-right:1px solid black;
  border-bottom:1px solid black;
  border-top:1px solid black;
  /* double border ? */
  border-left:1px solid black;
  width:25mm;
  min-height:20mm;
  float : left;
  overflow: hidden;
}

.micro .sheet{  width:45mm;}
.micro .cell.log{ height:35mm; }

.micro_jaune .sheet{ width:50mm;}
.micro_jaune .cell.log{ height:35mm; }

.petit_jaune .sheet{ width:50mm;}
.petit_jaune .cell.log{ height:88mm; }

.moyen_jaune .sheet{ width:82mm;}
.moyen_jaune .cell.log{ height:118mm; }

.a8 .sheet{ width:50mm;}
.a8 .cell.log{ height:75mm; }

.a7 .sheet{ width:80mm;}
.a7 .cell.log{ height:115mm; }

.pet .sheet{ width:90mm;}
.pet .cell.log{ height:20mm; }

.nano .sheet{ width:6mm; font-size: 8px;line-height:8px;  }
.nano .cell.log{ margin:0; padding:0; height:20mm; font-size: 8px;line-height:8px; }
.nano .cell.log div{ margin:0; padding:0;}
.nano .cell.log .bg{font-size: 12px;line-height: 12px;}
.nano .logo {background-size: 15px 15px; width: 15px;height: 15px; margin:0;margin-top: 3px;}
.nano .cell.header{height: 15mm;}
.nano .qr{width: 6mm;}
.nano .toplogo .ad {display:none;}
.nano .logo img{width: 6mm;}

.rot90 .cell.header > div, .rot90 .cell.log > div {
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform : rotate(90deg);

	-moz-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-o-transform-origin:0 0;
	-ms-transform-origin:0 0;
}
.rot90 .cell > div.logo{
	-moz-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
}

.rot90 .cell.header .title{
margin-top: 1mm;
margin-left: 6mm;
text-align: left;
}
.rot90 .cell.header .code{
margin-left: 3mm;
margin-top: 0;
}
.rot90 .cell.log .date{
	margin-top: 0px;margin-left: 22px;
}
.rot90 .cell.log .cacher{
	margin-top: -8px;margin-left: 11px;
	width: 18mm;
	border: 0;
	border-top: 1px dotted gray;
}
.rot90 .cell.log .bg{
	margin-top: 30px;margin-left: 15px;
}
.rot90 .cell.log .num{
	-webkit-transform-origin: 100% 0;
	bottom: -6px;
}

.num{
	display:none;
}
.numbers .num{
	display:block;
}

.cell{
  margin: auto auto;
  text-align:center;
}

.cell .ov{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.cell .ctn{
    position: relative;
    height: 0;
}
.cell .ad{
    text-align:center;
    font-size:0.55em;
    line-height:1.2em;
    word-break:break-all;
}


.debug .sheet{
background-color: gray;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 50px 50px;
}
.debug .cell{
background: 0;
}

.cell.intro{
  overflow: hidden;
  font-size: 0.55em;
  line-height: 1.2em;
  padding: 2px;
}
.cell.header{
  background-color: black;
  color: white;
}
.cell.header .title, .cell.header .code {
    min-height: 8mm;
}
.sheet.intro .cell.footer{
	margin-top:5mm;
    border-top: 1px solid gray;
}
.cell.log{
  border-bottom:1px solid black;
  text-align:left;
  position: relative;
}
.cell.log .cacher{
  margin:5px 0;
  padding-top:10px;
  border:1px dotted gray;
}
.cell.log .time{
  display:none;
}
/* Carnet jaune */
.micro_jaune .cell.log .time{
  display:block;
}
.micro_jaune .cell.log .date,.micro_jaune .cell.log .time{float:left;}
.micro_jaune .cell.log .cacher{clear:both;}
.micro_jaune .cell.log .time{border-left:1px dotted gray;}

.cell.log .num{
  position: absolute; bottom: 0; right: 0;
  margin: 2px;
}
.bg{
  display:none;
}
.f{
  position: relative;
}
.f .bg{
  display:block;
  position:relative;
  width:100%;
  margin: auto auto;
  font-size:30px;
  text-align:center;
  color:gray;
  opacity:0.5;
  padding-top: 18mm;
}
.pet .f .bg{
  padding-top: 8mm;
}
.nano .f .bg{
  padding-top: 0mm;
}

.logo img, .form-select-preview img{
  max-height: 80px;
  display: inline-block;
  vertical-align: middle;
}
.form-select-preview{
	margin-left:20px;
	display:inline-block;
}
.form-select-preview #logo_url{
	display:none;
}
.form-select-preview.custom #logo_url{
	display:block;
}
.logo {
	margin-top: 30px;
}
.logo img{
  margin: 5px auto;
}
.logo_no{
  height:0;
}

select.short, input.short{
  width:60px;
  margin-right:10px;
}
select.medium, input.medium{
  width:100px;
  margin-right:10px;
}
select.l1, input.l1{
  width:320px;
}
select.long, input.long{
  width:400px;
}
#sandbox .ftf, #sandbox .stf, #sandbox .ttf{
  display:none;
}
#sandbox .s1 .vftf .f1, #sandbox .s1 .vstf .s1 .stf, #sandbox .vttf
s1 .ttf{
  display:block;
}
#tpl{
  /*display:none;*/
  visibility:hidden;
}
#dpi {
  height: 1in;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 1in;
}

#advanced{
  border-top:1px gray dashed;
  min-height: 40px;
  margin-top: 20px;
}

.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
	content: "+";
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	width: 20px;
	padding-right: 1px;
	padding-bottom: 1px;
	vertical-align: bottom;
}

.toggle-box:checked + label:before {
  content: "\2212";
}
.share{
margin:5px;
display: inline-block;
height:40px;
}
.share-content{
position:absolute;
vertical-align: top;
height: 40px;
overflow: hidden;
}
.share-content>form, .share-content>form{
 display: inline-block;
}
.zone {
display: inline;
}
.form-field-container label{margin-right:5px;}

.header-logo img{
    background-color: #222222;
}
.header-logo {
    width: 180px;
    margin: 10px auto;
}

#page-footer{
	margin:10px;
	font-size:0.5em;
}

#help-model{
   cursor:pointer;
}
#help-model img{
    width:304px;
    height:304px;
}


/* AdSense Container Styles */
.adsense-container {
  margin: 20px auto;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
}

.adsense-top {
  margin-top: 20px;
  margin-bottom: 20px;
}

.adsense-middle {
  margin-top: 30px;
  margin-bottom: 30px;
}

.adsense-footer {
  margin-top: 20px;
  margin-bottom: 10px;
}

@media print {
  #wizard, #inputs, #outputs h3, #page-header,#page-footer,.header-logo,.share,.adsense-container{display:none;}
  #main-container,#outputs{margin:0; padding:0;}
#main-container{background-color:transparent;height:0; border:0;}
html, body{background-color:transparent;}
  #sandbox{display:block;}
  .pb { display: block; /*page-break-before: always;*/ page-break-after: always; }
}

@media screen and (max-device-width: 800px) {

  #main-container {margin:5px;width:auto;}
  .form-field-outer {margin: 6px;}
  .form-field-container{display:block;}
  .form-field-outer>label{width:100%;}
  #page-header h1 {font-size: 18px;line-height: 18px;}
  select.long, input.long {width: 20%;}
  .zone{ display:block;}
  .share { text-align: left; }

/* spectrum */
/*
.sp-palette .sp-thumb-el { width: 32px;height: 32px; }
.sp-picker-container {width: 372px;}
*/
}