header,footer,section,article {
    margin: 5px;
    margin-bottom: 15px;
    padding: 8px;
    background-color: white;
}
header,footer {
    border: 1px solid grey;
    color: black;
    background-color: #ffaa56;
	text-align: center;
	/* gradient */
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, red , yellow); /* Standard syntax */
}
body {
    font-family: Verdana,sans-serif;
}
footer {
    font-size: 75%;
}
header {
    font-size: 125%;
}

a.btna:link, a.btna:visited, a.btnc:link, a.btnc:visited {
	background-color: #ffaa00;
	color: white;
	padding: 5px 25px;
	text-align: center;	
	text-decoration: none;
	display: inline-block;
}
a.btna:hover, a.btna:active {
	background-color: #ff6600;
}

a.btnc:link, a.btnc:visited {
	background-color: #d6d6d6;
}
a.btnc:hover, a.btnc:active {
	background-color: #848484;
}

input.btna, button.btna, input.btnc, button.btnc {
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding:5px 25px; /*add some padding to the inside of the button*/
    background:#ffaa00; /*the colour of the button*/
    border:0px; /*required or the default border for the browser will appear*/
    color:white;
    font-size:1.1em;
}
input.btna:hover, button.btna:hover /*, button:focus*/ {
    background-color :#ff6600; /*make the background a little darker*/
    color:white;
}

input.btna:disabled, button.btna:disabled {
	border: 1px;
    border-color: #ff6600; /*make the background a little darker*/
    background-color: grey;
	cursor: not-allowed;
}

input.btnc, button.btnc {
    background:#d6d6d6;
}
input.btnc:hover, button.btnc:hover {
    background:#848484;
}

input.suppr {
	color:red;
}
button.suppr {
	color:red;
}

.choix a:link, a:visited  {
	text-decoration: none;
	color: purple;
}
.choix a:hover, a:active {
	text-decoration: none;
	color: #ff7f00;
}
.choix a.warn:link, a.warn:visited {
	color: red;
}
.choix a.warn:hover, a.warn:active {
	color: #ff7f00;
}
.choix tr:nth-child(odd) { background-color:#f2f2f2; }
.choix table {
    border-collapse: collapse;
	border:2px solid #ffaa56;
	box-shadow: 10px 10px 5px #888888;
	margin-left: auto;
	margin-right: auto;
}
.choix th, .choix td {
	border: 1px solid grey; 
    border-width: 1px 0px;
	padding:3px;
	text-align: left;
}
.choixR th, .choixR td {
	text-align: right;
}
.choixR th:first-child, .choixR td:first-child {
	text-align: left;
}
/*
.choix tr:last-child td {
	border-width:1px 0px 0px 0px;
}*/
.choix tr:first-child td {
	border-width:0px 0px 1px 0px;
}
table {
	margin-left: auto;
	margin-right: auto;
}
table.box-display {
	/* -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); */
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	box-shadow:         0px 2px 8px rgba(0, 0, 0, 0.6);
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	padding: 20px;
}
table.box-print {
	margin-left: auto;
	margin-right: auto;
	border: solid grey 1px;
	padding: 20px;
}
td.title {
	border:2px solid #ffaa56;
	background-color: #f2f2f2;
	font-weight: bold;
}
th.title {
	text-align: left;
}
div.title {
	font-weight: bold;
}
div.title a  {
	text-decoration: none;
}

td.lundi, th.lundi {
	border-left: medium solid #ffaa56;
}
table.prix th {
	text-align: left;
}
table.prix td {
	text-align: right;
}
td.prix {
	text-align: right;
}
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}
.alignC {
	text-align: center;
}
.fixd {
	font-family: Courier, monospace;
}
table.t2 td {
	border: 1px solid #ffaa56;
	padding: 5px;
}
table.t2 th {
	border: 1px solid #ffaa56;
	padding: 5px;
}
table.t2 {
	border-collapse: collapse;
	border: 2px solid #ffaa56;
	padding: 5px;
}
.small {
	font-size: 75%;
}
.msg {
	text-align: center;
	color: red;
}
.red {
	color: red;
}
.color-warning {
	color: red;
}
.color-ok {
	color: green;
}