/*
 * Copyright 2010 WnG Solutions Sàrl, all rights reserved
 *
 * WnG Solutions - Rue Marterey 5 - CH-1005 Lausanne
 * Tel +41 21 320 11 11 - Fax +41 21 320 11 10
 * http://www.wng.ch/ - info[at]wng[dot]ch
 */


/*
 * ----- STYLES PRINCIPAUX DU SITE -----
 */

@media screen, projection, tv {
	/* ----- Balises principales ----- */

	html {
		background-color: #F5EFD7;
	}

	body {
		color: #282828;
		width: 840px;
		margin: 25px auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #FFF;
	}

	p {
		text-align: left;
	}

	/* ----- /Balises principales ----- */


	/* ----- Liens d'accessibilité ----- */

	#accessKeys a {
		color: #353433;
		cursor: default;
		position: absolute;
		top: -9999px;
	}

	#accessKeys a:focus {
		color: #ffffff;
		top: 5px;
		z-index: 1000;
	}

	/* ----- /Liens d'accessibilité ----- */

	/* ----- Outils ----- */

		/* ----- Menu de langues ----- */
		
		#menuLang {
			height: 58px;
		}
		
		#menuLang ul {
			list-style: none;
			padding: 20px 0 0 590px;
			margin: 0;
		}
		
		#menuLang li {
			display: inline;
		}
		
		#menuLang li,
		#menuLang li a {
			color: #000000;
			font-size: 0.875em;
			font-weight: bold;
			text-decoration: none;
		}
		
		/* ----- /Menu de langues ----- */

	/* ----- /Outils ----- */


	/* ----- Menus ----- */

		/* ----- Menu principal ----- */

		#menuMain {
			height: 30px;
			margin: 0 1px;
			padding: 0 5px;
			background-color: #353433;
		}

		#menuMain ul {
			list-style: none;
			margin: 0;
			margin-right: auto;
		}

		#menuMain li {
			display: block;
			float: left;
		}

		#menuMain a {
			color: #ffffff;
			float: left;
			padding: 0 8px;
			font-size: 0.875em;
			font-weight: bold;
			font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
			line-height: 30px;
		}

		/* ----- /Menu principal ----- */

	/* ----- /Menu ----- */


	/* ----- Contenu ----- */
		
		
		/* ----- Contenu principal ----- */
		
		#contentMain {
			padding: 10px 40px;
		}
		
		#contentMain h1 {
			margin: 25px 0 30px 0;
			font-size: 1.416em;
			text-align: center;
		}
		
		#contentMain h2 {
			margin: 20px 0 15px 0;
			font-size: 1.166em;
		}
		
		#contentMain h3 {
			margin: 10px 0 10px 0;
			font-size: 1em;
		}
		
		#contentMain p {
			text-align: justify;
		}
		
		#contentMain a {
			color: #282828;
		}
		
		#contentMain a:hover {
			color: #000000;
		}
		
		#contentMain p,
		#contentMain ul,
		#contentMain nav {
			margin-bottom: 15px;
		}
		
		/*
		 * Listes
		 */
		
		#contentMain ul {
			margin-left: 17px;
		}
		
		#contentMain ol {
			margin-left: 22px;
		}
		
		#contentMain ul li,
		#contentMain ol li {
			padding-bottom: 7px;
		}
		
		#contentMain ul.noStyle,
		#contentMain ol.noStyle {
			list-style: none;
			margin-left: 0;
		}
		
		#contentMain ol li ul {
			margin: 0;
			list-style-type: disc;
			padding-top: 10px;
		}
		
		#contentMain ol.alphabetic {
			list-style-type: lower-alpha;
		}
		 
		#contentMain table {
			width: 100%;
			margin-bottom: 20px;
		}
		
		/*
		 * Tableau des réservations
		 */
		
		#contentMain table.reservations,
		#contentMain table.reservations thead tr th,
		#contentMain table.reservations tbody tr td {
			border: 2px #666666 solid;
			text-align: center;
		}
		
		#contentMain table.reservations thead tr th {
			color: #282828;
			width: 14.28%; /* 100 / 7 */
			border-bottom-color: #282828;
		}
		
		#contentMain table.reservations tbody tr td {
			padding: 6px;
		}
		
		/*
		 * Tableau du calendrier
		 */
		 
		#contentMain table.events,
		#contentMain table.events tr,
		#contentMain table.events td {
			border: none;
		}
		 
		#contentMain table.events caption,
		#contentMain table.events thead tr td {
			font-weight: bold;
			border-bottom: 1px #ffffff solid;
		}
		
		#contentMain table.events caption {
			font-size: 1.166em;
			text-align: left;
			padding-bottom: 5px;
		}
		
		#contentMain table.events thead tr td {
			background-color: #F5EFD7;
		}
		
		#contentMain table.events tbody td {
			padding: 4px 6px;
			border-bottom: 1px #353433 solid;
		}
		
		#contentMain table.events tbody tr:hover {
			cursor: pointer;
		}
		
		#contentMain table.events tbody td.actions {
			width: 150px;
			text-align: left;
		}
		
		#contentMain table.events tbody td a {
			text-decoration: none;
		}
		
		/* ----- /Contenu principal ----- */

	/* ----- /Contenu ----- */


	/* ----- Pied de page ----- */

	#footer {
		clear: both;
		color: #FFF;
		background: #353433;
	}

	#footer p {
		height: 25px;
		line-height: 25px;
		font-size: 0.875em;
		text-align: center;
	}
	
	body p.floatR {
		padding-bottom: 25px;
	}
	
	body p.floatR a {
		color: #faf3ed;
		font-size: 0.75em;
		text-decoration: none;
	}

	/* ----- /Pied de page ----- */
}

/*
 * ----- /STYLES PRINCIPAUX DU SITE -----
 */


/*
 * ----- STYLES DE L'IMPRESSION -----
 */

@media print {
	body {
		background-color: #ffffff;
		margin: 0;
	}
}

/*
 * ----- /STYLES DE L'IMPRESSION -----
 */