@charset "utf-8";


/* Fonts */

p,
li,
label,
input,
textarea,
select,
option,
td {
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
optgroup,
.button,
ul.tabs li,
div#menu ul li {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

div#menu ul li {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

/* Basic layout & design */

body {}

a {
	color: var(--primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--primary);
}

/* Layout */
div#head {
	height: 120px;
}

div#menu {
	background: var(--primary);
	border: 1px solid var(--primary);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

div#menu ul li a:hover {
	background-color: transparent;
	background-image: none;
}

/* Buttons */

.button {
	background-color: var(--primary);
	border: 1px solid var(--primary);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.button:hover {
	/*background-color: #faf48f;*/
	background-color: #0F0;
	/*border-color: #ffb400;*/
	border: 1px solid #CCC;
}

/* Tabs */

ul.tabs li {
	background-color: var(--primary);
	border: 1px solid var(--primary);
}

ul.tabs li:hover {
	background-color: #faf48f;
	border-color: #ffb400 #ffb400 #666 #ffb400;
}

ul.tabs li.active {
	background: #fff;
	color: #000;
	border-color: #666 #666 #fff #666;
}

/* Misc */

.boxColored {
	background-color: #faf48f;
	border: 1px solid #ffb400;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
}

/* Modal */

.simplemodal-container {
	background-color: #fff;
	text-align: left;
	padding: 10px;
	border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* Date picker */

.ui-datepicker {
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.ui-datepicker-title {
	color: var(--primary);
}

.ui-datepicker-today {
	color: var(--primary);
}

/*Offert design */
table.offert.tableOfContent {
	font-weight: bold;
	width: 60%;

}

table.offert tr.striped td {
	background-color: #D9EAD3;
}

/* Small screen */

@media screen and (max-width: 768px) {
	div#head {
		height: 60px;
	}

	div#logo {
		background-image: url(/_gfx/template/logo_small.png);
		width: 50px;
		min-width: 50px;
	}
}