/* CSS Document pour Casting - Wasabi Communication Interactive */
body {
	background : black;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 16px;
	color : black;
	margin : 0;
	font-size : 12px;
	height: 100%;
}
#verticale{
	background-color:black;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0px;
	left: 50%;
	overflow:visible;
	visibility:visible;
	display:block;
}
#global{
	position: absolute;
	width: 800px;
	height: auto;
	margin-left: -400px;
}
#header {
	position: relative;
	width: 100%;
	height: 252px;
	background-image: url(images/header.jpg);
}
#footer {
	position: relative;
	background-color: black;
	margin-top: 50px;
	left: 40px;
	width: 100%;
	height: auto;
	bottom: 0px;
	color: #888888;
	font-size: 9px;
	letter-spacing: +1px;
	float: left;
}
#menu {
	position:absolute;
	top: 220px;
	left: 320px;
}
#event {
	
	background-repeat: no-repeat;
	padding-left: 200px;
	/*color: #888888;*/
	color:#BFBFBF;
	font-size: 10px;
}
#eventDesc {
	position: relative;
	height: 175px;
	/* background-image: url(images/event_bud.jpg); */
	margin-top: 30px;
	padding-left: 200px;
	color: #888888;
	font-size: 10px;
}
#separate {
	/* position: relative;*/
	margin-top: 10px;
	height: 25px;
	padding-left: 200px;
	color: #888888;
	font-size: 10px;
}
#user {
	position: relative;
	height: 100px;
	margin-top: 10px;
	padding-left: 200px;
	color: #888888;
	font-size: 10px;
}
#content {
	position: relative;
	margin-top: 30px;
	padding-left: 40px;
}
#content, #content td, #content th{
	color: #a1a1a1;
	font-size: 12px;
}
#message {
	width:600px;
	margin-left: 200px;
	margin-top: 20px;
}

/**************/
/*** styles ***/
/**************/

a {
color: #80c047;
text-decoration: none;
}
#content a{border-bottom: 1px dotted #80c047;}
#content a:hover{border-bottom:none;}
/*
.aedit{ display:block; padding-left:20px; background:url(images/boulet2.gif) left top no-repeat;}
*/
a:hover {
border-bottom: 1px dotted #80c047;
}

img {
border: 0px;
}

h1 {
	font-style: normal;
	font-size: 15px;
	border-bottom: 1px dotted #6d6d6d;
	letter-spacing: +2px;
	width: 92%;
	color: white;
	float: left;
	display: inline;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

h2 {
font-style: normal;
font-size: 15px;
padding: 0 0 6px 0;
border-bottom: 1px dotted #6d6d6d;
letter-spacing: +2px;
width: 92%;
color: white;

}

h3 {

color:#CCCCCC;
font-weight: bold;
}

.date {
font-style: normal;
font-size: 10px;
color: #888888;
font-style:normal;
float: right;
clear:both;
}

p.desc {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #a1a1a1;
	width: 90%;
	line-height: 18px;
	text-align: justify;
	padding-top: 10px;
}

span.alignRight {
	text-align: right;
	position: absolute;
	right: 480px;
}

span.alignLeft {
	text-align: left;
	position: absolute;
	left: 340px;
	width: 400px;
}

.crit {
margin-top: 5px;
font-size: 10px;
color: #888888;
}

.doc {
margin-top: 5px;
font-size: 10px;
color: #888888;
}

p.contact {
margin-top: 5px;
font-size: 10px;
color: #888888;
float: left;
}

p.inscription {
margin-top: 50px;
float: right;
width: 28%;
}

table {
/*border: 1px dotted #6d6d6d;
padding: 5px;
*/
}
.simpleTable {
	font-size:11px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 20px;
}

ul.col1 {
border: 1px dotted #3c3c3c;
padding: 0px;
margin: 0 3px 0 0;
width: 30%;
height:240px;
float: left;
}

ul.col2 {
border: 1px dotted #3c3c3c;
padding: 0px;
margin: 0 3px 0 0;
width: 30%;
height: 240px;
float: left;
}
ul.col3 {
border: 1px dotted #3c3c3c;
padding: 0px;
margin: 0 3px 0 0;
width: 30%;
height: 240px;
float: left;
}
li.niv1 {
list-style: none;
}
ul.niv2 {
color:#666666;
list-style-image: url(images/boulet2.gif);
}

#flashMessage{ background-color:#80C047; padding:5px; color:#FFFFFF;}

form {margin-top: 2em; font-size:10px;}
form div{margin-bottom:1em;}
form div.date{margin-left: 0em;}
fieldset{ padding:15px; margin-bottom:10px; border:1px dotted #6D6D6D;}
fieldset legend{ color:#888888; background-color:#000000;} 
label {display:block;cursor:pointer; font-size:12px; font-weight:bold;}
.formradios label, .formcheckboxes label{display:inline;}
.formsep{float:left; width:300px; padding-right:10px;}

.error_message{ color:#FF0000;}

.clear{ clear:both;}

.oui{ color:#80C047; font-weight:bold}
.non{ color:#FF0000; font-weight:bold}
.user .label{ color:#C9C9C9 !important;}
.userinfosbloc{ width:220px; float:left; margin:10px 10px 0 0; padding:5px;}
.userinfosbloc h3{ font-size:11px; margin:10px 0 0 0; padding:2px; background-color:#333333; }
.userinfosbloc th{ text-align:left; border-bottom:1px dotted #6D6D6D; vertical-align:top;}
.userinfosbloc td{ text-align:right; border-bottom:1px dotted #6D6D6D;}

.userDisposTable td{ font-size:11px; color:}
.userDisposTable{ width:230px;height:70px; float:left; margin:0 10px 10px 0; border-right:1px solid #CCCCCC; padding-right:5px;}
.userDisposTable .dispoPeriode{ text-align:left; color:#C9C9C9 !important; width:90px;}
.userDisposTable .we{ background-color:#333333; }

.photoedit{ float:left; width:100px; margin:0 10px 10px 0; text-align:center;}
