/* Author : LE GALLO Cedric
 * Company : Assystem France
 * Licence : Assystem France
 * Version : 1.0
 * Modifications : Creation.
 */

/* --------------------------------------------------
 *                     HTML tags
 * --------------------------------------------------
 */

html, body {
	height: 100%;
	width: 100%;}

body {
	margin: 0;
	padding: 0;
	background-image: url(picts/background_g20.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;}

a {
	text-decoration: none;}

/*a:link {}

a:visited {}

a:hover {}

a:active {}*/

abbr, acronym, .help {
	border-bottom: 1px dotted #333333;
	cursor: help;}

hr {
	clear: both;
	visibility: hidden;}

img {
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;}

/* --------------------------------------------------
 *             CSS Page Rendering Classes
 * --------------------------------------------------
 */

.wrapper {
	position: absolute;
	z-index: 0;
	height: 100%;
	width: 100%;}
	
.header_logo {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;}

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	height: 76px;
	width: 100%;
	background-image: url(picts/strip_pix.png);
	background-repeat: repeat-x;}
	
.valid {
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 7;}

.menu {
	position: fixed;
	left: 0;
	z-index: 4;
	top: 76px;
	height: 200px;
	width: 200px;
	padding-top: 0;
	padding-left: 30px;}

.content {
	top: 76px;
	z-index: 4;
	margin-top: 91px;
	margin-right: 50px;
	margin-bottom: 15px;
	margin-left: 210px;
	padding-top: 5px;
	padding-bottom: 15px;}

.assystem {
	position: fixed;
	bottom: 15px;
	left: 30px;
	z-index: 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: center;}

.footer {
	position: fixed;
	bottom: -3px;
	right: 0;
	z-index: 6;}

.spacer {
	clear: both;}

/* --------------------------------------------------
 *             Menu Page Rendering Classes
 * --------------------------------------------------
 */

#menu {
	padding-left: 0;
	margin-top: -5px;
	margin-left: -1em;
	width: 175px;
	font-weight: bold;
	text-align: left;
	background-image: url(picts/background_g20.png);
	background-repeat: no-repeat;
	background-attachment: fixed;}

.menu_1, .menu_2 {
	list-style: none;
	padding: 0.25em;}

.menu_1 a:hover, .menu_2 a:hover {
	color: #FFFFFF;
	background-color: #959595;}

.menu_1 {
	margin: 0;}

.menu_1 a {
	color: #000000;
	text-decoration: none;}

.menu_2 {
	margin-left: +1em;}

.menu_2 a {
	color: #CF003C;
	text-decoration: none;}


/* --------------------------------------------------
 *             CSS Text Rendering Classes
 * --------------------------------------------------
 */

.homepage {
	text-align: center;}

.hidden_content {
	display: none;
	overflow: hidden;}

.pict_left {}

.pict_right {}

.pict_left img {
	float: left;
	margin-right: 15px;}

.pict_right img {
	float: right;
	margin-left: 15px;}

.content_highlight_public_places {
	border: 2px;
	color: #FFFFFF;
	padding: 5px;
	background-color: #718EAB;
	font-weight: bold;
	text-align: center;}

.content_highlight_transports {
	border: 2px;
	color: #FFFFFF;
	padding: 5px;
	background-color: #D19958;
	font-weight: bold;
	text-align: center;}

.public_places_highlight {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-weight: bold;}

.transports_highlight {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-weight: bold;}

/* --------------------------------------------------
 *                CSS Tables Rendering
 * --------------------------------------------------
 */

caption {
	font-family: sans-serif;}

.table_ex table {
	margin: 0;}

.table_ex th, .table_ex td {
	padding: 10px;
	text-align: center;}

.table_grey table {
	border: 3px solid #959595;
	border-collapse: collapse;
	margin: 0;}

.table_grey thead, .table_grey tfoot {
	color: #000000;
	background-color: #d7d7d7;
	border: 1px solid #959595;
	font-weight: bold;
	text-align: center;}

.table_grey tbody {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #959595;}

.table_grey th {
	color: #000000;
	font-family: monospace;
	font-size: larger;
	border: 1px solid #959595;
	padding: 5px;
	background-color: #EFF6FF;}

.table_grey td {
	font-family: sans-serif;
	border: 1px solid #959595;
	padding: 5px;}

.first {
	text-align: center;}

.second {
	text-align: justify;}

/* --------------------------------------------------
 *                   Form Rendering
 * --------------------------------------------------
 */

.address, .form {
	margin-left: 15px;}

.form input {
	float: right;}

.form legend {
	font-weight: bold;}

.form textarea {
	height: 10em;
	width: 99%;
	margin: 5px;}

/* --------------------------------------------------
 *                   Download Area
 * --------------------------------------------------
 */

.download {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 5px;}

.download li, .pdf li {
	list-style: url(picts/icon_pdf-trans.png);}

.pdf p {
	list-style: url(picts/icon_pdf-trans.png);}

/* --------------------------------------------------
 *                   Index Area
 * --------------------------------------------------
 */

.index_news {
	border: 1px solid #CF003C;}

.index_transports {
	border: 1px solid #D19958;}

.index_public_places {
	border: 1px solid #718EAB;}

.index_capitec {
	border: 1px solid #859A8E;}

.more {
	font-size: x-small;
	font-style: italic;}

#title_news {
	color: #CF003C;
	font-weight: bold;}

#title_transports {
	color: #D19958;
	font-weight: bold;}

#title_public_places {
	color: #718EAB;
	font-weight: bold;}

#title_capitec {
	color: #859A8E;
	font-weight: bold;}

.index_news li {
	list-style: url(picts/icon_news-trans.png);
	margin-left: -1em;}