/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
	width: 1024px;
	margin: 0 auto;
	color : #a7a8a5;
	font-size: 11px;
}

#menu {
	height: 50px;
	background: url("images/logo.gif") #000 center no-repeat;
	border-top: 2px solid #4c9d04;
	border-bottom: 2px solid #4c9d04;
}
	#menu ul {
		list-style-type: none;
	}

	#menu ul li {
		float: left;
		display: block;
		margin-top: 30px;
		margin-right: 10px;
	}
	
	#menu ul li a {
		display: block;
		width: 80px;
		height: 10px;
		background-repeat: no-repeat;
	}

	#menu ul li a#accueil {
		background-image: url("images/accueil.gif");
	}	
	#menu ul li a#credits {
		background-image: url("images/credits.gif");
	}
	#menu ul li a#contact {
		background-image: url("images/contact.gif");
	}
	#menu ul li a:hover {
		background-position: 0 -10px;
	}	
	
	#menu ul li a span {
		display: block;
		text-indent: -99999px;
	}
	
	
	#menu form {
		margin: 2px 0;
		height: 50px;
		float: right;	
	}
			
		#menu form input {
			width: 100px;
			background: #000;
			border: 1px solid #6e7a64;
			padding: 2px;
			font-size: 10px;
			color: #dbf2c7;
		}
		
		#menu form input#ok {
			width: 20px;	
		}

#header {
	height: 227px;
	background: url("images/header.jpg") #000 center no-repeat;
}
	
	#header a {
		display: block;
		width: 1024px;
		height: 227px;
	}
	
	#header a span {
		display: block;
		text-indent: -99999px;
	}

#corps {
	
}

	#corps .col {	
		width: 250px;
		margin: 0 3px;
		float: left;
		text-align: justify;
		font-family : Tahoma, Verdana, Arial;
		margin-top: 10px;	
	}
	
		#corps .col h2 {
			margin-bottom: 10px;
			padding-bottom: 6px;
			height: 10px;
			width: 250px;
			border-bottom: 2px solid #4c9d04;		
		}
		
		#corps .col h2 a {
			display: block;
			height: 10px;
			width: 250px;	
			display: block;
			background-repeat: no-repeat;
			cursor: default;
		}
		
		#corps .col h2 a#navigation {
			background-image: url("images/navigation.gif");
		}		
		#corps .col h2 a#assistance {
			background-image: url("images/assistance.gif");
		}		
		#corps .col h2 a#communaute {
			background-image: url("images/communaute.gif");
		}		
		#corps .col h2 a#liens {
			background-image: url("images/liens.gif");
		}
				
		#corps .col h2 a:hover {
			background-position: 0 -10px;
		}
		
		#corps .col h2 a span {
			display: block;
			text-indent: -99999px;
		}	
	
		#corps .col h3 {
			clear: both;
			margin-top: 12px;
			color : #4c9d04;
			font-size : 11px;
			font-family : Tahoma, Verdana, Arial;
			font-weight: bold;
		}
		
		#corps .col .logo {
			height: 50px;
			background: url("images/logo.gif") #000 center center no-repeat;
		}		
		#corps .col .logo span {
			display: block;
			text-indent: -99999px;
		}
		
		#corps .col p {
			margin: 3px 0 9px 0;
		}
		
		#corps .col p span {
			font-size: 11px;
			 color: #dbf2c7;
			  font-family : Tahoma, Verdana, Arial;
		}
		
		#corps .col img {
			float: left;
			margin: 3px;
			margin-left: 0;
			text-align: center;
		}
		
		#corps .col p img {
			float: right;
			margin: 8px;
			margin-left: 3px;
			margin-right: 0;
		}
		
	hr {
		clear: both;
		color: #000;
		background-color: #000;
		height: 0px;
		border: 0;
	}	
		
	#corps .colfoot {
		float: left;
		width: 250px;
		margin: 0 3px;
		border-bottom: 2px solid #4c9d04;
	}

#footer {
	margin-top: 2px;
	font-family: Arial,Verdana,Helvetica;
	font-size: 10px;
	text-align: center;
}
	#footer a {
		color: #71d914;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#footer a:hover {
		color: #dbf2c7;
	}