body
{
	background:	#7d7d7d;
	color:		#2e2e2e;
	font-family:	Georgia;
	font-size:	10pt;
	margin:		0px;
	padding:	0px;
}

.clear
{
	clear:		both;
}

h2
{
	color:		#c96c08;
}

p
{
	text-align:	justify;
}

img
{
	border:		none;
}

.sup
{
	font-size:	0.7em;
	vertical-align: 50%;
}

.pictbox_left
{
	float: 		left ;
	margin: 	0px 25px 0px 0px ;
}

.pictbox_last_on_left
{
	float: 		left ;
	margin: 	0px 0px 0px 0px ;
}

.pictbox_right
{
	float: 		right ;
	margin: 	10px 0px 0px 10px ;
}

.pictbox_center
{
	text-align:	center ;
}

.pictbox_center img
{
	margin:		0px 5px;
}

table
{
	width:		100%;
	margin:		10px 0px;
}

thead th
{
	font-size:	9pt;
	border-bottom:	1px solid #05537c;
}

tfoot th
{
	border-top:	1px solid #05537c;
}

td
{
	padding:	5px;
}

table.col2 td
{
	width:		50%;
}

.on_left
{
	float:		left;
}

.on_right
{
	float:		right;
}

.pile
{
	background:	#e6edf2;
}

td.amount, th.amount
{
	width:		110px;
	font-weight:	bold;
	color:		#c96c08;
	text-align:	right;
}

td.exonere
{
	font-weight:	bold;
	color:		#c96c08;
	text-align:	center;
}




#main
{
	width:		950px;
	background:	url("pictures/back.jpg") repeat-y;
	margin:		0px auto;
	padding:	0px;
}

#head
{
	height:		250px;
	background:	url("pictures/head.jpg") no-repeat;
}

#menu
{
	float:		left;
	width:		250px;
	margin:		90px 0px;
	padding:	0px;
}

#menu div.in
{
	padding:	0px;
}

#menu ul
{
	margin:		0px;
	padding:	0px;
}

#menu ul li
{
	list-style: 	none;
	margin:		0px;
	padding:	0px;
}

#menu ul li a
{
	display:	block;
	line-height:	28px;
	color:		#fff;
	font-size:	12pt;
	font-weight:	bold;
	padding:	0px 0px 0px 35px;
	margin:		0px;
	text-decoration:none;
}

#menu ul li a:hover
{
	background:	url("pictures/menuhover.jpg") repeat-y;
}

#menu ul li a#hereweare
{
	color:		#c96c08;
}

#text
{
	float:		left;
	width:		700px;
	margin:		0px;
	padding:	0px;
}

#text div.in
{
	padding:	35px;
}



.download
{
	float:		left;
	width:		150px;
	padding:	40px 0px 50px 0px;
	text-align:	center;
	background:	url("pictures/download.jpg") no-repeat;
}

.download2
{
	float:		left;
	width:		150px;
	padding:	30px 0px 60px 0px;
	text-align:	center;
	background:	url("pictures/download.jpg") no-repeat;
}

.new
{
	padding:	50px;
	border:		2px dotted #00588b;
	text-align:	center;
	background:	url("pictures/new.jpg") no-repeat;
}

.submit
{
	float:		left;
	width:		150px;
	padding:	30px 0px 60px 0px;
	margin:		0px 30px 0px 0px;
	text-align:	center;
	background:	url("pictures/submit.jpg") no-repeat;
}

.register
{
	float:		left;
	width:		306px;
	margin:		18px 0px;
	padding:	35px 0px 60px 0px;
	text-align:	center;
	background:	url("pictures/register.jpg") no-repeat;
}

.download a,.download2 a,.submit a,.register a,.new a
{
	color:		#2e2e2e;
	text-decoration:none;
	font-size:	12pt;
	font-weight:	bold;
}

.download a:hover,.download2 a:hover,.submit a:hover,.register a:hover,.new a:hover
{
	color:		#c96c08;
}

.save
{
	float:		left;
	width:		154px;
	margin:		18px 0px;
	padding:	70px 0px 0px 0px;
	text-align:	center;
	background:	url("pictures/save.jpg") no-repeat;
	font-weight:	bold;
	color:		#1e1e1e;
	font-size:	9pt;
}

.delete
{
	float:		left;
	width:		154px;
	margin:		18px 0px;
	padding:	70px 0px 0px 0px;
	text-align:	center;
	background:	url("pictures/delete.jpg") no-repeat;
	font-weight:	bold;
	color:		#1e1e1e;
	font-size:	9pt;
}

.cancel
{
	float:		left;
	width:		154px;
	margin:		18px 0px;
	padding:	70px 0px 0px 0px;
	text-align:	center;
	background:	url("pictures/cancel.jpg") no-repeat;
	font-weight:	bold;
	color:		#1e1e1e;
	font-size:	9pt;
}

.adduser
{
	float:		left;
	width:		154px;
	margin:		18px 0px;
	padding:	70px 0px 0px 0px;
	text-align:	center;
	background:	url("pictures/adduser.jpg") no-repeat;
	font-weight:	bold;
	color:		#1e1e1e;
	font-size:	9pt;
}

.buildxl
{
	float:		left;
	width:		154px;
	margin:		18px 0px;
	padding:	70px 0px 0px 0px;
	text-align:	center;
	background:	url("pictures/buildxl.jpg") no-repeat;
	font-weight:	bold;
	color:		#1e1e1e;
	font-size:	9pt;
}

a.save:hover, a.delete:hover, a.cancel:hover, a.adduser:hover, a.buildxl:hover
{
	color:		#d6603d;
}


div.logos
{
	margin:		20px 0px 0px 0px;
	text-align:	center;
}

div.logos img
{
	margin:		10px 10px;
}


div.important
{
	border:		1px dashed #800000;
	padding:	20px;
	margin-left:	20px;
	font-weight:	bold;
	text-align:	center;
	color:		#800000;
	font-size:	1.2em;
}

div.important em
{
	font-size:	0.85em;
	color:		#2e2e2e;
}

div.importantmaismoins
{
	float:		left;
	border:		1px dashed #800000;
	width:		290px;
	padding:	20px 0px 0px 0px;
	margin-left:	20px;
	font-weight:	bold;
	text-align:	center;
	color:		#800000;
	font-size:	1.0em;
}

div.importantmaismoins div.in
{
	padding:	0px 20px 20px 20px;
}




/***		HOTELLERIE		***/

td.htlcheck
{
	width: 			20px;
	text-align: 		center;
	font-size: 		1em;
}

td.htlfull
{
	width: 			20px;
	color: 			#c84e00;
	font-weight: 		bold;
	vertical-align: 	middle;
	padding-top: 		2px;
	padding-bottom: 	3px;
	text-align: 		center;
	font-size: 		1em;
}

.htlgeoz
{
	text-align: 		center;
}

.htlname
{
	text-align: 		left;
}

.htlcat
{
	width: 			26px;
	text-align: 		center;
}

.htlwalk
{
	width: 			50px;
	text-align: 		center;
}

.htlmetro
{
	width: 			80px;
	text-align: 		center;
}

table.htllist th.amount
{
	width:			70px;
	color:			#000;
	text-align:		center;
}

table.htllist td.amount
{
	width:			70px;
}








td.infoleft,th.infoleft
{
	padding-left: 		5px;
	text-align: 		left;
}



table.summary td
{
	vertical-align: 	top;
	border-bottom: 		1px solid #ccc;
}

td.tdlabel
{
	background-color: 	#e6edf2;
	text-align: 		right;
	padding-right: 		5px;
	width:			250px;
}

td.tdvalue
{
	padding-left: 5px;
}

th.tdregfee
{
	width:			180px;
}





/***********************/
/** STYLES FORMULAIRE **/

form
{
	padding: 		0px;
	margin:			0px;
}

fieldset
{
	padding:		50px ;
	margin: 		0px 0px 15px 0px;
	border: 		1px solid #05537c;
}

fieldset#login
{
	background:		none;
	margin:			0px;
	padding:		0px 28px 28px 28px;
	border:			none;
}

fieldset#login h2
{
	color:		#00588b;
	text-align:	center;
	font-size:	12pt;
	font-weight:	bold;
	margin:		52px 0px;
}

fieldset#login p.subbtn
{
	text-align:	center;
	margin:		20px 0px 0px 0px;
}

form span
{
	display: 		block;
	text-align:		left;
}

form span.sup
{
	display:		inline;
}

span.needit
{
	display: 		inline;
	color: 			#930002;
}

.alert
{
	color: 			#930002;
}

label
{
	color:			#262626;
}

input.inputtext
{
	width: 			100%;
	font-family:		Verdana;
	font-size:		10pt;
	border: 		1px solid #CCCCCC;
	padding: 		2px;
	margin: 		1px 0px 3px 0px;
	background-color: 	#fff;
	color: 			#000;
}

input.inputtextsmall
{
	width:			250px;
	font-family:		Verdana;
	font-size:		10pt;
	border: 		1px solid #CCCCCC;
	padding: 		2px;
	margin: 		1px 0px 3px 0px;
	background-color: 	#fff;
	color: 			#2e2e2e;
}

textarea.inputtext
{
	width: 			100%;
	height:			100px;
	font-family:		Verdana;
	font-size:		10pt;
	border: 		1px solid #CCCCCC;
	padding: 		2px;
	margin: 		1px 0px 3px 0px;
	background-color: 	#fff;
	color: 			#000;
}

select
{
	width: 			100%;
	font-family:		Verdana;
	font-size:		10pt;
	border: 		1px solid #CCCCCC;
	padding: 		2px;
	margin: 		1px 0px 3px 0px;
	background-color: 	#fff;
	color: 			#000;
}

input:focus,select:focus,textarea:focus
{
	border: 		1px solid #333333;
}

span.unfilled input.inputtext,span.unfilled select
{
	border: 		1px solid #930002;
}

span.unfilled label,blockquote.unfilled label
{
	font-weight:		bold;
	color: 			#930002;
}

div.validform1
{
	width:			206px;
	margin: 		10px auto;
}

div.validform2
{
	width:			412px;
	margin: 		10px auto;
}

a.submitzone
{
	display: 		block;
	width: 			200px;
	text-align: 		center;
	border: 		1px solid #ccc ;
	background:		#eee;
	padding: 		2px;
	float: 			left;
	cursor:			pointer;
}

a.submitzone:hover
{
	text-decoration: 	none;
	background: 		#05537c;
	color: 			#fff;
}

div#cards
{
	text-align: 		center;
	border: 		1px dashed #333;
	padding: 		10px 10px;
}

.dispOn
{
	display:		block;
}

.dispOff
{
	display:		none;
}

p.warning
{
	text-align:		center;
	font-weight:		bold;
	background:		#800000;
	color:			#fff;
	padding:		4px;
}

p.warning em
{
	font-size: 		0.8em;
	font-weight: 		normal;
}
