body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #fff;
}

/* Généralités */
.access {
	position: absolute;
	overflow: hidden;
	left: -10000px;
	font-size: 1px;
}
.clear { clear: both; }

.ss-form-title { color: red; }
abbr, acronym {
	border: 0px;
}
	abbr[title], acronym[title] {
		cursor: help;
		border-bottom: 1px dashed #ddd;
	}
	acronym {
		speak: normal;
	}
	abbr {
		speak: spell-out;
	}

h1, h2 {
	color: #3c7da0;
	font-size: 1.2em;
}

a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #666;
}
	a:hover, a:focus {
		color: #e95700;
		border-bottom: 1px solid #e95700;
	}
	a:visited {
		border-bottom: 1px dashed #666;
	}

/* Colonne gauche */
#gauche {
	width: 300px;
	float: left;
	border-top: 1px solid #9b9695;
}

/* Evitement */
#evitement {
	margin: 0;
	font-size: 0.8em;
	padding: 5px 0 0 5px;
}
	#evitement li {
		display: inline;
		padding: 0;
		margin: 0 10px 0 0;
	}
.home #evitement { border-bottom: 1px solid #ddd; }
.page #evitement { background: #9b9695; }
	#evitement a, #evitement a:visited, #evitement a:hover, #evitement a:focus { border: 0; }
	.page #evitement a:hover, .page #evitement a:focus {
		border: 0;
		color: #fff;
	}

.home #conteneur {
	width: 800px;
	border: 1px solid #666;
	margin: 25px auto 0;
}
	.page #conteneur { background: url("/img/fond-gauche.png") top left repeat-y #fff; }
	
	#logo a, #logo a img { border: 0; }
	.home #logo {
		width: 490px;
		float: left;
		padding: 10px 0 1px 10px;
		background: url("/img/filet.png") center right no-repeat #fff;
	}
	.page #logo {
		text-align: center;
		background: #9b9695;
		padding: 10px 0;
	}
		.home #logo img {
			padding: 0 13px 0 0;
			background: #fff;
		}
	.home #picto {
		width: 300px;
		background: #666;
		float: left;
		padding: 20px 0;
		text-align: center;
	}
	
	.home #contenu {
		width: 500px;
		background: #ebebeb;
		float: left;
		padding: 0;
	}
	.home #contenu img {
		float: left;
		margin: 0 10px 0 0;
	}
	.home #contenu h1 { margin: 10px 0; }

	.page #contenu {
		background: url("/img/fond-droite.png") top right repeat-y #fff;
		padding: 0 188px 20px 0;
		margin: 0 0 0 320px;
		border-top: 1px solid #fff;
	}
	
#menu ul, #menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.home #menu ul { margin: 88px 0 0 500px; }
	.home #menu li a {
		display: block;
		color: #666;
		border: 0;
		font-weight: bold;
		padding: 7px;
		border-left: 4px solid #fff;
	}
		.home #menu li a:hover, .home #menu li a:focus {
			color: #e95700;
			border-left: 4px solid #e95700;
		}
.page #menu { padding-top: 10px; margin-bottom: 20px; }
	.page #menu li { border-bottom: 1px solid #9b9696; }
		.page #menu li.active, .page #menu li.active a {
			background: #fff;
			color: #e95700;
		}
		.page #menu li li { border: 0; }
	.page #menu li a {
		display: block;
		padding: 13px 0 5px 15px;
		border: 0;
		font-size: 1.1em;
		font-weight: bold;
		color: #333;
	}
		.page #menu li a:hover, .page #menu li a:focus {
			color: #e95700;
			background: #fff;
		}
		.page #menu li li.active, .page #menu li li a , .page #menu li.active li a{
			padding: 5px 0 5px 30px;
			font-size: 0.9em;
			color: #3c7da0;
			background: #fff;
			font-weight: bold;
		}
		.page #menu li li.active, .page #menu li li a:hover, .page #menu li li a:focus {
			text-decoration: underline;
		}
	#menu .little {
		font-weight: normal;
		font-size: 0.8em;
	}
	
#ariane {
	font-size: 0.8em;
	font-weight: bold;
	list-style: none;
	margin: 20px 0;
	padding: 0;
	color: #3c7da0;
}
	#ariane li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#ariane li a {
		color: #e95700;
		text-decoration: underline;
		background: url("/img/fleche-ariane.png") center right no-repeat #fff;
		padding: 0 10px 0 3px;
		border: 0;
	}
		#ariane li.first {
			background: #fff;
			padding: 0 0 0 3px;
		}

.page h1 {
	font-size: 1.4em;
	border-bottom: 1px solid #3c7da0;
}
.page h2 {
	color: #e95700;
	background: url("/img/puce-h2.gif") bottom left no-repeat;
	padding: 5px 0 0 25px;
	margin: 25px 0 15px 0;
	font-size: 1.2em;
}
.page h3 {
	background: url("/img/puce-h3.gif") bottom left no-repeat;
	color: #3c7da0;
	font-size: 1.1em;
	padding: 5px 0 0 25px;
	margin: 25px 0 15px 0;	
}

.page table {
	border: 1px solid #666;
}
.page table caption {
	color: #666;
	font-weight: bold;
}
.page table th {
	font-weight: bold;
	text-align: center;
	background: #9b9695;
	padding: 10px 0;
	color: #fff;
}
.page table td {
	padding: 3px 8px;
}
.page .pair {
	background: #F5F276;
}
.page .impair {
	background: #CCDCDE;
}

.home #contenu_bis {
	padding: 0;
	margin: 0;
}
	.page #contenu_bis {
		position: absolute;
		top: 0;
		right: 0;
		width: 168px;
		font-size: 0.9em;
		background: #9B9695;
		border-top: 91px solid #9B9695;
	}
	.page #contenu_bis blockquote, .page #contenu_bis p, .page #contenu_bis ul {
		margin: 0;
		padding: 5px 10px;
		background: #c6c8ca;
	}
	.page #contenu_bis h2 {
		background: #c6c8ca;
		color: #000;
		text-align: center;
		margin: 0;
		padding: 1em 0;
	}
	.page #contenu_bis ul {
		padding: 5px 0 5px 35px;
	}
	.page #contenu_bis ul li {
		margin: 0;
	}
	

.home #actus {
	color: #fff;
	padding: 15px 20px 15px 15px;
	margin-top: -2px;
	float: left;
	background: #666;
	width: 465px;
}
	.home #actus h2 {
		margin: 0;
		font-size: 1.1em;
		color: #fff;
	}
	.home #actus a, .home #actus a:visited {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.home #actus a:hover, #actus a:focus {
		border-bottom: 0;
	}
	
.home .encart {
	float: right;
	background: #fff;
	width: 280px;
	padding: 0 10px;
}
.encart .lsf {
	background: url("/img/picto-LSF.gif") center left no-repeat #fff;
	text-align: left;
	padding: 0 0 0 40px;
	margin: 0 0 10px 10px;
}
	.encart h2.lsf {
		color: #3c7da0;
		margin: 0 0 10px 0;
	}
.page .encart {
	border: 1px solid #666;
	padding: 20px;
	float: right;
	margin: 0 0 0 10px;
}
.page #contenu ul li {
	line-height: 1.7em;
}

.nuage {
	list-style: none;
}
	.nuage li {
		display: block;
		float: left;
		padding: 2em 1em;
	}
	.nuage a img {
		border: 0;
		text-decoration: none;
	}

#footer {
	list-style: none;
	background: #aba7a6;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	font-size: 0.9em;
}
	#footer li {
		display: inline;
		margin: 0;
		padding: 0;
		border-right: 1px solid #666;
	}
		#footer li a {
			border: 0;
			color: #000;
			text-decoration: underline;
			margin: 0 5px;
		}
			#footer li.last {
				border: 0;
			}
			#footer li a:hover, #footer li a:focus {
				text-decoration: none;
			}