body{
	font-family: Tahoma, sans-serif;
	margin: 0;
	background: transparent url(../images/Background_header.jpg) repeat-x top;
}

#header{
	background: transparent url(../images/Header.png) no-repeat center;
	height: 278px;
}

#content{
	width: 1000px;
	margin: auto;
	font-size: 0.9em;
}

#explication{
	margin-bottom: 1.5em;
}

table{
	width: 100%;
	border-collapse: collapse;
}

.form-label{
	color: #297fca;
}

input{
	width: 250px;
	height: 40px;
	background : #e4f1fd url(../images/Icone-angle-bleu.png) no-repeat right bottom;
	border: none;
}

td.ligne-deux{
	padding-top: 3em;
	text-align: center;
}

td{
	padding-bottom: 1em;
	vertical-align: top;
}

#restonne, #reskg, #gwp, #datecontrole{
	font-size: 2em;
	color: #297fca;
}

.td-explication{
	padding-top: 2em;
	padding-bottom: 1em;
	border-top: 2px solid #e4f2fd;
}

#dateintervention{
	background: #e4f1fd url(../images/Icone-Calendrier-bleu.png) no-repeat right center;
}

/* TEMPLATE MOBILE & SMALL TABLETS */

@media only screen and (max-width: 767px), only screen and (max-width: 1023px) and (orientation: portrait) {
	img{
		max-width: 40px;
	}
	th.logo, th.titre{
		display: inline-block;
	}
	th.logo{
		float:left;
		width: 40px;
	}
	th.titre{
		width: 300px;
	}
	td{
		border:none;
		display: table-row;
	}
	tr{
		border: none;
	}
	tbody tr td:first-child {
		border-left: none;
	}
	tbody tr td:last-child {
		border-right: none;
	}
	tbody tr:first-child td {
		border-top: none;
	}
	tbody tr:last-child td {
		border-bottom: none;
	}
	tbody{
		border: 3px solid #000;
	}
	input, select{
		width: auto;
		border: 1px solid grey;
	}
	tfoot{
		border: 1px dotted black;
	}
}