@charset "utf-8";
/* CSS Document */

body {
	margin: 20px 0 20px 0;
	padding: 0;
	background: url(images/fond-body.png) center repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
}

img { border: none; }

a { color: #3A66FF; text-decoration: none; }

	a:hover { text-decoration: underline; }

/* PAGE */

#page {
	width: 900px;
	margin: auto;
	text-align: left;
}

/* EN-TETE */

#page #entete {
}

	#page #entete #date {
		float: right;
		color: #999999;
	}
	
		#page #entete #date p {
			margin: 0;
			padding: 0;
			text-align: right;
		}

	#page #entete h1 {
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		font-weight: bold;
		font-variant: small-caps;
	}
	
	#page #entete ul {
		width: 100%;
		height: 32px;
		margin: 10px 0 10px 0;
		padding: 0 10px 0 10px;
		background: url(images/fond-bandeau.png) top left no-repeat;
		list-style-type: none;
		font-weight: bold;
	}
	
		#page #entete ul li {
			display: inline;
		}
		
			#page #entete ul li a {
				display: inline-block;
				padding: 0 10px 0 10px;
				line-height: 30px;
				color: #666666;
				text-decoration: none;
			}
			
				#page #entete ul li a:hover {
					background: url(images/fond-entete-ul-li-a-hover.png) top repeat-x;
					color: #FF9900;
				}
				
/* CONTENEUR */

#page #conteneur {
	background: url(images/fond-conteneur.png) center repeat-y;
}

				
	#page #conteneur #haut {
		clear: both;
		height: 20px;
		background: url(images/fond-conteneur-haut.png) center no-repeat;
	}
	
	#page #conteneur #bas {
		clear: both;
		height: 20px;
		background: url(images/fond-conteneur-bas.png) center no-repeat;
	}
	
/* BANNIERE */
	
#page #conteneur #banniere {
	text-align: center;
}

/* FIL D'ARIANE */

#page #conteneur #ariane {
	margin: 10px 20px 10px 20px;
	color: #999999;
	font-size: x-small;
}

	#page #conteneur #ariane img {
		vertical-align: baseline;
	}

	#page #conteneur #ariane a {
		color: #FF8400;
		text-decoration: none;
	}
	
		#page #conteneur #ariane a:hover {
			color: #FFCC00;
		}
	
/* NAVIGATION */

#page #conteneur #navigation {
	float: left;
	width: 220px;
	margin-left: 20px;
}

	#page #conteneur #navigation ul {
		margin: 0;
		padding: 5px 0 5px 0;
		border: 1px solid #EEEEEE;
		background-color: #F5F5F5;
		list-style-type: none;
	}
	
		#page #conteneur #navigation ul li {
			margin: 0;
			padding: 2px 0 2px 0;
		}
		
			#page #conteneur #navigation ul li .rubrique {
				display: block;
				margin: 3px 10px 0 10px;
				padding: 2px 0 2px 0;
				border-top: 1px dotted #CC0000;
				color: #CC0000;
				font-weight: bold;
			}
			
			#page #conteneur #navigation ul li ul {
				padding: 0;
				border: none;
			}
			
				#page #conteneur #navigation ul li ul li {
					
				}
			
		#page #conteneur #navigation ul a {
			display: block;
			padding: 0 10px 0 10px;
			color: #003366;
			text-decoration: none;
		}
		
			#page #conteneur #navigation ul a:hover {
				color: #009BFB;
				background-color: #FFFFFF;
			}
			
	#page #conteneur #navigation .addon {
		margin: 20px 0 20px 0;
		color: #003366;
	}
	
		#page #conteneur #navigation .addon fieldset {
			padding: 10px;
			border: 1px solid #EEEEEE;
		}
		
		#page #conteneur #navigation .addon legend {
			color: #CC0000;
			font-variant: small-caps;
			font-weight: bold;
		}
		
		#page #conteneur #navigation .addon label {
			display: block;
			width: 100%;
		}
		
		#page #conteneur #navigation .addon select {
			display: block;
			width: 100%;
			margin: 10px 0 10px 0;
			border: 1px solid #EEEEEE;
			background-color: #F5F5F5;
			color: #003366;
		} 
		
		#page #conteneur #navigation .addon input {
			display: block;
			width: 100%;
			border: 1px solid #EEEEEE;
			background-color: #F5F5F5;
		}
		
		#page #conteneur #navigation .addon .bouton {
			border: 1px solid #EEEEEE;
			background-color: #F5F5F5;
			color: #003366;
		}
	
		#page #conteneur #navigation .addon .message {
			margin: 0 0 20px 0;
			padding: 5px;
			border: 1px dashed #003366;
			background-color: #C9D8F1;
		}
		
		#page #conteneur #navigation .addon .erreur {
			color: #FF0000;
			font-weight: bold;
		}
			
/* CONTENU */

#page #conteneur #contenu {
	float: right;
	width: 620px;
	margin-right: 20px;
	color: #666666;
}

	#page #contenu .image {
		float: right;
		margin: 0 0 20px 20px;
	}

	#page #conteneur #contenu h2 {
		margin-top: 0;
		padding: 0;
		color: #1A4A88;
		font-variant: small-caps;
	}
	
	#page #conteneur #contenu h3 {
		margin: 0;
		padding: 0;
		color: #FF6600;
		font-variant: small-caps;
	}
	
	#page #conteneur #contenu h4 {
		color: #006699;
	}
	
	#page #conteneur #contenu h5 {
		font-size: small;
	}
	
	#page #conteneur #contenu a {
		color: #3A66FF;
		text-decoration: none;
	}
	
		#page #conteneur #contenu a:hover {
			text-decoration: underline;
		}
		
	#page #conteneur #contenu .infos {
		font-style: italic;
	}
	
	#page #conteneur #contenu ul {
		padding-left: 1em;
		list-style-type: square;
	}
	
		#page #conteneur #contenu ul li {
			margin-bottom: 5px;
		}
	
	#page #conteneur #contenu .encadre {
		margin: 10px 0 10px 0;
		padding: 5px 20px 5px 20px;
		border: 1px dotted #EEEEEE;
		background-color: #F5F5F5;
	}
	
	#page #conteneur #contenu table {
		width: 100%;
		border-collapse: collapse;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		background-color: #FFFFFF;
		vertical-align: middle;
	}
	
		#page #conteneur #contenu table tr {
		}
		
			#page #conteneur #contenu table tr .lettre {
				font-size: medium;
				font-weight: bold;
				text-align: center;
			}
			
			#page #conteneur #contenu table tr .chiffre {
				width: 10em;
				font-weight: bold;
				text-align: center;
			}
			
			#page #conteneur #contenu table tr td {
				padding: 5px;
				border-bottom: 1px solid #999999;
				border-right: 1px solid #999999;
			}

	
	#page #conteneur #contenu .separateur {
		margin: 20px 0 20px 0;
		border-bottom: 1px dotted #999999;
	}
	
	#page #conteneur #contenu address {
		margin: 20px 0 20px 0;
		padding: 10px;
		border: 1px solid #EEEEEE;
		background-color: #F5F5F5;
		font-size: medium;
	}
	
	#page #conteneur #contenu iframe {
		margin: 0;
		width: 620px;
		height: 400px;
		border: none;
	}
	
	#page #conteneur #contenu .formulaire {
	}
	
		#page #conteneur #contenu .formulaire table {
			border: none;
		}
		
			#page #conteneur #contenu .formulaire table tr {
				vertical-align: top;
			}
			
				#page #conteneur #contenu .formulaire table tr td {
					border: none;
				}
				
			#page #conteneur #contenu .formulaire table .libelle {
				width: 25%;
			}
		
		#page #conteneur #contenu .formulaire fieldset {
			margin: 0 0 20px 0;
		}
		
		#page #conteneur #contenu .formulaire input, #page #conteneur #contenu .formulaire textarea {
			width: 100%;
		}
		
		#page #conteneur #contenu .formulaire .bouton {
			width: auto;
		}
		
		#page #conteneur #contenu .formulaire .erreur {
			color: #FF0000;
			font-weight: bold;
		}
		
		#page #conteneur #contenu .retour {
			text-align: center;
		}

/* PIED */

#page #pied {
	clear: both;
	color: #666666;
	text-align: center;
}

	#page #pied a {
		color: #666666;
		text-decoration: none;
	}
	
		#page #pied a:hover {
			text-decoration: underline;
		}

	#page #pied #mots-cles {
		display: none;
	}

	#page #pied #copyright {
		height: 32px;
		margin: 10px 0 20px 0;
		padding: 0 10px 0 10px;
		background: url(images/fond-bandeau.png) top left no-repeat;
		font-weight: bold;
		line-height: 32px;
		text-align: right;
	}

	#page #pied img {
		padding: 0 10px 0 10px;
	}