/*Structure globale*/
html, body{height:100%}

body {
margin:0;
padding:0;
color:#272727;
font:12px/18px Arial, Helvetica, sans-serif;
height:100%;
}
:focus {
	outline: 0;}
ul {
	margin:0;
	padding:0;}
li {
	padding:0;
	margin:0;}

#container {
	position:relative;
	height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
	min-width:980px;
	margin:0;
	background:#d5d5d5 url('../images/bgmiddle2.jpg') repeat top center;
}

#bgtop {
	background:url('../images/bgtop.jpg') no-repeat top center;
	}
	
#bgmiddle {
	background:url('../images/bgmiddle1.png') no-repeat top center;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#bgbottom {
	background:url('../images/bgbottom.jpg') no-repeat top center;
    position:absolute;
	bottom:0;
    width:100%;}
	
	
	#top {
	height:279px;
	margin:0 auto;
	width:906px;
	padding:0;
	}	
	#jquerytop {
		padding:11px 0 0 281px;
		}
		
#middle {
	margin:0 auto;
	width:906px;
	padding:0;
	}
	
#menu {
		width: 257px;
		height: 200px;
		position:absolute;
		margin:0;
		padding:0;
		z-index:1;
			}
				#menu ul
				{
				margin-left: 0;
				padding-left: 0;
				list-style: none;
				}
				#menu li {
				margin: 0px;
				padding: 0px;
				background-image: none;
				height:20px;
				padding:5px;
		        } 
				#menu a
				{
				display: block;
				color:#000;
				text-decoration:none;
				font-size: 14px;
				padding:5px 0 5px 60px;
				text-transform:uppercase;
				background:url(../images/menu_border.gif) no-repeat bottom center;
				}
				#menu .up {
					background:none;/* a appliquer au li au dessus du current */
					}
				#menu #current
				{
				color:#FFF;
				background:url(../images/menu_current.png) no-repeat left center;
				padding:10px 0 20px 60px;
				margin-bottom:15px;
				margin-top:-5px;
				border-bottom:none;
				margin-left:-1px;
				}
				#menu a:hover {
					color:#002d74;}
#content {
	padding: 0 70px 130px 280px;
	}
	
	h1 {
		font-size:22px;
		color:#d5d5d5;
		height:20px;
		text-transform:uppercase;
		font-weight:normal;
		border-bottom:dashed 1px #d5d5d5; }
			
	h2 {
		font-size:16px;
		color:#002d74;
		font-weight:bold;
		}
		
	h3 {
		font:12px;
		color:#272727;
		font-weight:bold;
		}
		
	p {
		text-align:justify;
		font:12px/18px Arial, Helvetica, sans-serif;}
	
	a {
		color:#002d74;}
		
	a:hover {
		color:#002d74;
		text-decoration:none;}
		
	hr {
		background:url(../images/hr.gif) left no-repeat;
		width:557px;
		height:1px;
		border:none;}
	
	
	#content ul {
		margin:0;
		padding:0;
		padding-left:15px;
		overflow:hidden;
		list-style:none;}
	#content li {
		background:transparent url('../images/li.gif') no-repeat top left;
		padding:0px 0 0px 15px;
		}
	
	#content img {
		border:1px solid #d5d5d5;
		padding:5px;}
		
		.left {
			float:left;
			display:block;
			margin-right:15px;}
		.right {
			float:right;
			display:block;
			margin-left:15px;}
		.clear {
			clear:both;}
			
#bouton{
	clear:both;
	border:1px solid #d5d5d5;
	padding:5px;
	width:100px;
	height:18px;
	text-align:center;
	
	}
	
		#bouton a{
		padding-right:14px;
		background:url('../images/fleche-right.gif') no-repeat center right;
		font:12px;
		color:#272727;
		font-weight:bold;
		text-decoration:none;
		
		}
		#bouton a:hover{
		color:#dc000b;
		}
			
			
#hautPage{
	clear:both;
	width:555px;
	text-align:right;
	margin:0 50px 0 0;
	border-top:1px solid #d5d5d5;
	height:20px;
	}
	
		#hautPage a{
		padding-right:14px;
		background:url('../images/fleche-haut.gif') no-repeat center right;
		}
		
		#hautPage a:hover{
		text-decoration:none;
		}
	
#bottom {
	height:127px;
	margin:0 auto;
	width:906px;
	}
	
		#coord {
		margin:0 auto;
		padding:34px 0 0 530px;
		color:#FFF;}
		
		#coord a {
		color:#FFF;}
		
		#coord a:hover {
		color:#FFF;
		text-decoration:none;}