/* Defines styles of classical HTML components. */
body {
	background-color: white;
	color: black;
	font-family: Tahoma, Sans-Serif;
	font-size: 12px;
	margin-top: 5px;
}
img {
	border: none;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: rgb(160, 0, 10);
}
a {
	color: rgb(160, 0, 10);
	text-decoration: none;
}
a:visited {
	color: rgb(160, 0, 10);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
table {
	border: 1px solid black;
}
table thead tr td, table thead tr th {
	border-bottom: 1px solid black;
	text-align: center;
	margin-bottom: 3px;
	font-weight: normal;
	font-variant: small-caps;
}
table tr td {
	padding: 2px 5px 2px 5px;
}

/* Header */
#top_banner {
	height: 140px;
	background-image: url('../pics/top_banner_without_title2.jpg');
	border: 3px solid rgb(160, 0, 10);
}
#top_banner h2 {
	padding: 5px 10px 5px 0px;
	position: relative;
	text-align: right;
	color: rgb(204, 86, 22);
}
#top_menu {
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 73px;
	margin-left: 240px;
}
#top_menu span {
	display: block;
	float: left;
	background-image: url("../pics/back.gif");
	margin-right: 10px;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
}

#top_menu span.selected {
	background-image: none;
	background-color: rgb(160, 0, 10);
	color: white;
}

.selected:before {
	content:"» ";
}

#top_menu span a {
	text-decoration: none;
	color: rgb(160, 0, 10);
}
#top_menu span.selected a {
	color: white;
}
#top_menu a:hover {
	text-decoration: underline;
}

/* Defines styles for charte and valeurs ... */
#whoarewe h3 {
	font-size: 100%;
	margin: 0px 0px 5px 0px;
}
#whoarewe p {
	text-align: justify;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
}

#main {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#adminButtons {
	border: 3px solid rgb(160, 0, 10);
	border-top: none;
	padding: 5px 0;
}

#content {
	background-color: rgb(251, 251, 251);
	color: black;
	padding: 10px;
	height: 500px;
	border: 3px solid rgb(160, 0, 10);
	border-top: none;
}

#content div.left {
	float: left;
	width: 22%;
}

#content div.left div.top {
	min-height: 390px;
	max-height: 390px;
	overflow: auto;
}

#content div.right {
	float: right;
	width: 75%;
}

#content div.panel {
	margin-bottom: 10px;
}
#content div.panel div.title {
	border-bottom: 2px solid rgb(204, 86, 22);
	color: rgb(204, 86, 22);
	font-size: 120%;
	font-variant: small-caps;
}
#content div.panel div.body {
	padding: 3px;
	padding-top: 10px;
}

#content div.results {
	height: 250px;
}
#content div.results div.body {
	height: 205px;
	overflow: auto;
}
#content div.results table td {
	padding: 2px;
	padding-right: 10px;
	padding-left: 5px;
}
#content div.results table tr.pair td {
	background-color: rgb(252, 252, 252);
}

#content div.results table tr.impair td {
	background-color: rgb(230, 230, 230);
}

div.tabs {
	width: 20%;
	float: left;
	text-align: right;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.tabsPage {
	width: 75%;
	float: left;
	height: 200px;
	overflow: auto;
	margin-left: 15px;
}

div.tabsPage table {
	width: 100%;
}

div.tabs span {
	display: block;
	background-image: url("../pics/back.gif");
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 3px;
}

div.tabs span.selected {
	background-image: none;
	background-color: rgb(160, 0, 10);
	color: white;
}

div.tabs span.selected a {
	color: white;
}

div.tabs span a:hover {
	text-decoration: underline;
}

#searchForm input,#searchForm select {
	width: 90%;
	font-size: 95%;
	border: solid 1px black;
}
#info .infoTitle {
	font-weight: bold;
	text-align: center;
}
#searchForm input.inputSubmit {
	margin-top: 5px;
	margin-bottom: 10px;
	color: rgb(160, 0, 10);
	border: 2px solid black;
	border-style: outset;
}

#searchForm div.top {
	text-align: center;
}

div.filter {
	margin-bottom: 5px;
	margin-top: 5px;
	cursor: pointer;	
}

div.filter div.what {
	border-bottom: 1px dashed rgb(160, 0, 10);
	padding: 2px;
	padding-left: 20px;
	padding-right: 6px;
	color: rgb(160, 0, 10);
}

div.filter div.opened {
	background-image: url("../pics/zoom_out.gif");
	background-repeat: no-repeat;
}

div.filter div.closed {
	background-image: url("../pics/zoom_in.gif");
	background-repeat: no-repeat;
}

div.filter div.content {
	padding: 4px;
	text-align: center;
}

div.logos {
	margin-top: 5px;
}

table.etabDetails {
	border: none;
}
table.etabDetails tr td {
	border-bottom: 1px solid black;
}
table.etabDetails tr td.attr {
	font-variant: small-caps;
}

div.menu a.selected {
	font-weight: bold;
}
#content div.menu div.panel div.body {
	margin-left: 10px;
	padding-top: 5px;
}

#accueilMenu div.what {
	background-image: url("../pics/zoom.gif");
	background-repeat: no-repeat;
}
#accueilMenu div.content {
	padding-left: 15px;
	text-align: left;
}

#admin__AdminPage div.content {
	height: 475px;
	overflow: auto;
}
#admin__AdminPage div.content form {
	width : 550px;
	margin: auto;
}

#schoolDetails__SchoolDetails table td img {
	margin: -2px;
	width: 20px;
}
#internatDetails__InternatDetails table td img {
	margin: -2px;
	width: 20px;
}