body		{background-color: #333333; color: #C9C9C9; font-family: Georgia; text-align: center; font-size:12px;}
#page		{
	position:absolute;
	left:50%;
	margin-left:-400px;
	width:800px; background-color: #000000;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding:0px 15px 15px;
}
#logo		{width:800px; height:42px;display:block;}
#panorama	{width:800px; height:120px;display:block;overflow:hidden;}
div#page div#lang	{
	display:block;
	width: 22px;
	height:100px;
	position: absolute;
	top:42px;
	left:50%;
	margin-left:430px;
	background-color: #000;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#page > div#lang	{
	position: fixed;
}
#lang img {
	clear:both;
	display:block;
	float:left;
	background-color: #ccc;
}

#meteo		{width:800px; height:20px;display:block;}
#meteo span	{height:20px;display:block; float:right; padding:3px;}
#meteo img	{height:20px;display:block; float:right;}


#menu		{clear:both;font-family: Courier New;font-weight:normal;float: left;background-color: #000000;width:160px;margin: 50 0 0 0;}
#menu ul.depthLevel1 li		{line-height:1.7em; width:130px;text-align: left;text-transform:uppercase;}
#menu ul.depthLevel1 li a	{text-decoration: none; color: #AA6000; padding-left:5px;}
#menu ul.depthLevel2 li {
	padding-left:7px;
	background-color:#444;
	border-bottom: 1px solid #333;
	font-size:11px;
}

#main		{
	background-color: #000000; float:left;
	padding-bottom: 40px;
}
div.split	{width:437px;}
div.full	{width:625px;}

div.introduction {width:437px;}
div.introduction img{margin-right:5px;}
div.packageType {width:620px;}
div.toc {
	font-family: Courier New;
	background-color: #333;
	width:160px;
	margin: 20px 3px 0px 0px;
	padding:0px 10px 10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#news		{font-family: Courier New;background-color: #333333;width:200px; float:right; position:relative; margin: 50px 3px 0px 0px; padding-bottom:20px;}
#news		{-moz-border-radius: 10px;	-webkit-border-radius: 10px;}
#news h3	{color: #CC9900; font-size: 14px;text-align:right; padding: 10px 10px 0px 20px; text-transform: uppercase;}
#news p		{color: #C9C9C9; font-size: 12px; text-align: left; padding: 10px 10px 0px 10px;}

#info		{width:800px; padding:2px 0px 0px 0px;background-color: #333333;}	 
#info p		{background-color: #000000;color: #C9C9C9; font-size: 12px; line-height:1.5em; text-align: center; padding: 5 0 5 0;}

h1		{font-family: Georgia;color: #C9C9C9; font-size: 18px; padding: 30 10 10 0; margin:25px 0px 15px 0px;}
h2		{
	clear:both;
	font-family: Courier New;
	color: #C9C9C9;
	font-size: 16px;
	padding: 10 10 20 0;
	margin:20px 0px 10px 0px;
	text-transform:uppercase;
}
h3		{
	font-family: Courier New;
	color: #AA7700;
	font-size: 14px;
	line-height:1.5em;
	text-align: left;
	padding: 20 0 0 20;
	margin:15px 0px 5px 0px;
	text-transform:uppercase;
}

p		{color: #C9C9C9; font-size: 12px; line-height:1.5em; text-align: left; padding: 10 10 0 15;}

#main ul.depthLevel1 		{padding-left:5px;}
#main ul.depthLevel2 		{padding-left:20px;}
#main ul.depthLevel1 li		{line-height:1.7em; text-align: left;}
#main ul.depthLevel1 li a	{text-decoration: none; color: #AA7700;}

a			{text-decoration: none; color: #AA7700;}
a:Hover		{text-decoration: underline; color: #AA7700;}
a.top		{text-decoration: none; color: #AA7700;}
a.top:Hover	{text-decoration: underline; color: #AA7700;}

img			{border: 0px;}
.left		{display:block; float: left; border: 0px; padding: 0 5 5 0;}
.right		{display:block; float: right; border: 0px; padding: 0 0 5 5;}

p.auteur	{
	display:block; float: right; padding: 0 0 5 5; margin: 10 0 20 0;
	color:#AA6000; font-style:italic; text-align:right;
	width: 100%;
}

img.calage_nav	{height: 1px; width: 18px;border: 0px;}

form fieldset {
	padding:5px;
	width:585px;
}

form label {
	display:block;
	float:left;
	width:180px;
	
	color:#AA7700;
}

form input {
	display:block;
	float:left;
	width:392px;
	
	background-color:#ddd;
	
	font-family: Courier;
}

form textarea {
	margin-top:5px;
	background-color:#ddd;
	font-family: Courier;
}

.submitButton, .cancelButton{
	float:right;
	
	margin-right:10px;
	
	width:90px;
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	color:#AA7700;
}
.submitButton {
	font-weight:bold;
}

form div#messerrok {
	display:none;
	width: 800px;
	position: absolute;
	top:250px;
	left:50%;
	margin-left:-400px;
	padding-top: 10px;
	padding-bottom: 10px;
}
form > div#messerrok {
	position:fixed;
}

div#messerrok strong {
	text-align:center;
	display:block;
	margin-bottom:10px;
}

div.depart {
	clear:both;
	display:block;
	float:left;
	font-family: Courier;
}

.even {background-color:#333;}

.odd {background-color:#666;}

form div.err {
	background-color: #ff3300;
	padding-top: 10px;
	padding-bottom: 10px;
	
	text-align:center;
	font-size:14px;
	color:#fff;
}

form div.ok {
	background-color: #0066ff;
	text-align:center;
	font-size:14px;
	color:#fff;
}

div.eventDates {
	display:block;
	float:left;
	width:200px;
}
div.summary {
	display:block;
	float:left;
	width:400px;
}
span.nbOfparticipant {
	display:block;
	float:left;
	width: 130px;
}

span.prepare {
	color:orange;
}
span.check {
	color:red;
}
span.ok {
	color:green;
}
span.finished {
	color:grey;
}
div.footer {
	margin-top:20px;
	display:block;float:left;width:100%;
	background-color:#333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.footer ul {padding-left:300px;}
div.footer ul li {display:block;float:left;margin-right:10px;}