@charset "utf-8";
body {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 30px 30px 0 30px;
}
#general {
	width: 1000px;
	margin: auto;
	}
	#general div.clear {
		clear: both;
		height: 36px;
	}
.clear {
	clear:both;
	}	
p{
	margin: 0 0 10px 0;
	}
img {
	border: none;
	padding: 0;
	margin: 0;
	}
form{
	margin: 0;
	padding: 0;
	}
a {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	}
a:hover {
	color: #FFFFFF;
	}
	
/* ----------- images & textes --------*/
	#general #contentImage {
		height: 430px;
		width: 1000px;
		float: left;
		position: relative;
		}
		#general #contentImage div.box{
			/*border-bottom: solid 1px #999999;*/
			height: 430px;
			background-color: #333333;
			padding: 0;
			}
		#general #contentImage #texte {
			position: absolute;
			z-index: 2;
			top: 0;
			height: 413px;
			width: 360px;
			background-color: #000000;
			right: 0;
			padding: 10px 0 10px 10px;
			visibility: hidden;
			}
			#general #contentImage #texte table{
				text-transform: uppercase;
				margin: 0 0 10px 0;
				width: 470px;
				}
			#general #contentImage #texte h1,
			h1 {
				font-size: 14px;
				margin: 10px 0 5px 5px;
				text-transform: uppercase;
				}
			#general #contentImage #texte h1{
				margin-left: 0;
			}
			#general #contentImage #texte h2,
			h2 {
				font-size: 12px;
				margin: 0 0 10px 0;
				text-transform: uppercase;
				}
			#general #contentImage #texte h3,
			h3 {
				font-size: 10px;
				margin: 0 0 5px 0;
				text-transform: uppercase;
				}
			#general #contentImage div.box table td,
			#general #contentImage div.box table th{
				border: 0;
				padding: 2px 5px 2px 3px;
				margin: 0;
				text-align: left;
				}
			#general #contentImage div.box table td{
				background-color:;
				background-color: #404040;
				}	
			#general #contentImage div.box table th{
				background-color:;
				background-color: #282828;
				text-transform: uppercase;
				}
			
/* ----------- bas navigation --------*/
		#general #contentNavigation .logo {
			float: left;
			width: 192px;
		}
		#general #contentNavigation .navigation {
			float: right;
			width: 800px;
			}
			#general #contentNavigation .navigation .navi1,
			#general #contentNavigation .navigation .navi2,
			#general #contentNavigation .navigation .navi3 {
				border-left: 1px solid #999999;;
				height: 90px;
				float: left;
				}
			#general #contentNavigation .navigation .navi1 {
				width: 147px;
				}
			#general #contentNavigation .navigation .navi2{
				width: 280px;
				}
			#general #contentNavigation .navigation .navi3 {
				width: 240px;
				}
			#general #contentNavigation .navigation .navi4 {
				width: 130px;
				float: left;
				text-align: right;
				height: 90px;
				}
			#general #contentNavigation .navigation ul{
				margin: 0;
				padding-left: 10px;
				}
				#general #contentNavigation .navigation ul li{
					list-style-type: none;
					}
					#general #contentNavigation .navigation ul li a,
					#general #contentNavigation .navigation .navi4 a,
					#general #contentNavigation .navigation {
						font-size: 10px;
						color: #999999;
						text-decoration: none;
						text-transform: uppercase;
						}
					#general #contentNavigation .navigation ul li a:hover,
					#general #contentNavigation .navigation ul li a.active,
					#general #contentNavigation .navigation a:hover,
					#general #contentNavigation .navigation a.active,
					#general #contentNavigation .navigation navi4 a:hover {
						color: #FFFFFF;
						margin: 0px;
						padding: 0px;
						height: 5px;
						}
				#general #contentNavigation .navigation .navi1 div.temp,
				#general #contentNavigation .navigation .navi2 div.temp{
					color:#FFFFFF;
					padding: 0 0 0 5px;
					}
				#general #contentNavigation .navigation .navi3 div.temp {
					padding: 0 0 0 5px;
					}
				#general #contentNavigation .navigation .navi3 p {
					padding-left: 10px;
					}
/* -------------------------- formulaire------------------------- */
div.form-item,
div.form-item2  {
	margin: 5px;
	}
	div.form-item label,
	div.form-item2 label {
		width: 195px;
		border-bottom: 1px dotted #999999;
		display: inline-block;
		text-transform: uppercase;
		text-align: right;
		}
		div.form-item label.empty,
	div.form-item2 label.empty {
		border-bottom: 0;
		}
	div.form-item input[type=text],
	div.form-item textarea, 
	div.form-item select,
	div.form-item chek {
		font-size: 11px;
		color:  #333333;
		background-color: #FFFFFF;
		width: 400px;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		margin: 5px 0 0 0;
		}
	div.form-item2 input[type=text],
	div.form-item2 textarea, 
	div.form-item2 select {
		font-size: 11px;
		color:  #333333;
		background-color: #FFFFFF;
		width: 200px;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		margin: 5px 0 0 0;
		}
input,
input[type=submit]{
	font-size: 11px;
	color:  #333333;
	background-color: #999999;
	border: none;
	margin: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
input:hover,
input[type=submit]:hover{
	background-color: #FFFFFF;
	}
div.box a {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	}
div.box a:hover {
	color: #FFFFFF;
	}
	#general #contentImage div#error{
		background-color: #404040;
		}
		#general #contentImage #error ul.error {
			margin: 0 0 0 200px;
			padding: 0 0 0 0;
			}
				#general #contentImage div.error ul.error li{
					margin: 0 0 0 195px;
					padding: 0 0 0195px
					}