body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: normal;
}

a { color: #9c8f8e; }

.upper{text-transform: uppercase; font-weight:300;}
.input_error{color:red; }
input.input_error{border:1px solid red}
.pull-right{float:right}

@page { 
	margin: 0cm !important;
	size:A4;
}

table th, table td, li, p, div{font-weight:300}

/* table-based layout, main table is #page */
#page{
	height:280mm;
	width:200mm;
    margin: 0cm auto;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	page-break-after: always;
	page-break-inside: avoid;
}
/* each part of the flyer takes half a page and is aligned top so the folding match */
#page .fly{
	vertical-align:top; 
	width:10cm;
	height:13cm;
}

#page p{
	line-height:1.1em;
	margin:1em 0px;
}

#page p em{font-size:8px}
#page address {font-size:9px;}


/*
 *  STYLE FOR THE 4 FLYERS (4 parts of the page)
 */

/* main title styling */
#page .fly h2{
	color:#68af87;
	text-transform: uppercase;
	font-size:14px;
	text-align:center;
	border-bottom:1px solid #68af87;
}
#page .fly table{width:100%}
#page .fly img{max-height:10cm; max-width:7cm}

/** dotted borders as a folding reference **/
#fly1{ border-left:1px dotted black; }
#fly2{ border-right:1px dotted black; }
#fly1, #fly4{ border-bottom:1px dotted black; }

/** rotating the bottom flyers so the folded result is easier to read **/
#fly2, #fly3{ 
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
/** padding to create space between dotted lines and content **/
#fly2, #fly4 {padding-right:0.5cm;}
#fly1, #fly3 {padding-left:0.5cm; text-align:center}


/*
 * FLYER SPECIFIC STYLING -----------------------------------------
 */

#fly1 img{/*height:9cm;*/}
#fly1 table th {text-align: right; padding-right:25px; }
/*#fly1 table td {padding:5px 0px; }*/
/*#fly2 table td div{text-align:right;width:90%; padding:3px; border:1px solid gray; }*/
#fly1 table td div{text-align:right;margin-right: 20px; padding:3px; border:1px solid gray; }
#note_validite p { font-size: 9px; margin-right: 25px; text-align: center;}

#fly2 li{font-size:0.9em;}
#fly2 ol{padding:0px 0px 0px 1em; margin:0px}
#fly3 img{height:10cm;}

#photo_codes_barres{margin-top:1em;}

#fly4 #coord {margin-bottom:1em;}
#fly4 #coord p{margin:0px; line-height:1.4em;}

#fly4 #recevoir_oui_non{line-height:1em;}
#fly4 address{font-size:9px}


/*
 * LIST OF CARDS ------------------------------------- 
 */


@media print{
	.no-print{display:none}
}