/* --- GÉNÉRAL --- */	
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: verdana;
	font-size: 11px;
	background: #303030;
}

#header {
	width: 100%;
	height: 258px;
	background: #303030;
}

#boite {
	width: 100%;
	height: 100px;
}

#logo {
	float: left;
	width: 200px;
}

#coord {
	width: 250px;
	margin: 0 auto;
	color: #FFF;
	padding-top: 25px;
}

/* bandeau flash */
#flash {
	margin-top: 0; 
	height: 158px;
}

/* Plan d'accès */
#plan {
	width: 550px;
	margin: 20px auto;
}

/* Alignement Contenu Présentation */
#presentation {
	width: 650px;
	margin: 10px auto;
	padding-bottom: 15px;
	font-size: 1.1em;
	height: 400px;
}

img {
	border: none;
}

h1 {
	background-color: #DEE5E9;
	font-size: 14px;
	font-variant: small-caps;
	color: #096CAE;
	padding: 4px;
}

h2 {
	font-size: 12px;
	font-variant: small-caps;
	color: #096CAE;
}

h3 {
	font-size: 10px;
	text-indent: 5px;
	text-decoration: underline;
}

/* navigation */
#navigation {
	padding-top:1px;
	padding-bottom:1px;
	margin:0;
}

#titre {
	margin: 10px auto;
	width: 98%;

}
	
#page {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	background-color: #ffffff;
}	
	
#piedpage {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	background: #DEE5E9;
	padding: 5px 0 5px 0;
	clear: both;
	color: #096CAE;
}	
	
#contenu {
	margin: 0 auto;
	width: 95%;
	text-align: justify;
	padding: 4px;
}

#contenu a {
	color: #096CAE;
	text-decoration: none;
}

#contenu a:hover {
	text-decoration: underline;
}

.gauche {
	float: left;
	padding: 5px;
}

.droit {
	float: right;
	padding: 5px;
	border: 1px solid #096CAE;
	background: #DEE5E9;
}