/* -------------- navigation gauche ------------- */
#left {
position:relative;
float: left;
width: 200px;
margin-top:20px;
}
#left ul{
	margin-left:12px;
	width:200px;
		border-top:1px solid #444;
}
#left ul li{
	font-size:14px;
	text-transform:uppercase;
	border-bottom:1px solid #444;
	
}
#left ul li a{
	display:block;
		padding-top:10px;
		padding-bottom:10px;
	/*height:25px;*/
	width:195px;
	text-decoration:none;
}
.vactif{
	background-image: url(../design/vertical.png);
	background-repeat: no-repeat;
	color:#fff;
	padding-left:30px;
}
.vrepos{
	color:#444;
		padding-left:5px;
}.vrepos:hover{
	background:#00274f;
	color:#fff;
}

/* ----------------- contenu --------------------- */
#content {
float:right;
position:relative;
width:700px;
margin-top:13px;
font-size:13px;
color:#444;
}
#content h1 {
font-size:16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom:20px;
color:#0086be;
}
#content h2 {
font-size:15px;
font-weight: bold;
margin-bottom:6px;
padding-left:20px;
background-image: url(../design/sous-titre.png);
background-repeat: no-repeat;
}
#content input, #content select{
	margin-bottom:5px;
}
#content p {
margin-bottom:20px;
text-align:justify;
}
#content a {
color:#00274f;
}
#content ul{
	padding-top:6px;
	margin-bottom:6px;
}
#content ul li{
list-style: disc;
	margin-left:25px;
	padding-left:10px;
	font-size:13px;
	margin-bottom:10px;
	text-align:justify;
}
#content ol{
	padding-top:6px;
	margin-bottom:6px;
}
#content ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
font-size:13px;
}
#content dt{
   padding-left:5px;
	margin-left:10px;
	font-weight: bold;
	font-size:13px;
}

#content dd{
padding-left:35px;
font-size:13px;
margin-right:60px;
}