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

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

img 
{
	border: none;
}

a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }

.nettoyeur { clear: both; }
.espace { clear: both; height: 20px; }

#page
{
	width: 790px;
	margin: auto;
	padding: 0;
	text-align: left;
}

	#page #entete
	{
		height: 221px;
		border-bottom: 1px solid #FFFFFF;
		background-image: url(images/fond-entete.png);
		background-position: top right;
		background-repeat: no-repeat;
	}
	
		#page #entete h1, #page #entete h2 { display: none; }
	
		#page #entete #logo
		{
			float: left;
			width: 222px;
			height: 174px;
			padding-top: 47px;
			background-image: url(images/fond-entete-logo.png);
			background-position: top left;
			background-repeat: no-repeat;
			line-height: 175px;
			text-align: center;
		}
		
		#page #entete #navigation
		{
			float: left;
			width: 155px;
			height: 221px;
			background-image: url(images/fond-entete-navigation.png);
			background-repeat: repeat;
		}
		
			#page #entete #navigation ul
			{
				margin: 46px 0 0 0;
				padding: 0;
				list-style-type: none;
			}
			
				#page #entete #navigation ul li
				{
				}
				
					#page #entete #navigation ul li a
					{
						display: block;
						height: 24px;
						padding: 0 10px 0 30px;
						background-image: url(images/fond-entete-navigation-a.png);
						background-position: top left;
						background-repeat: no-repeat;
						color: #FFFFFF;
						font-weight: bold;
						font-variant: small-caps;
						text-decoration: none;
						line-height: 24px;
					}
					
						#page #entete #navigation ul li a:hover
						{
							color: #FFFF00;
							background-image: url(images/fond-entete-navigation-a-hover.png);
						}

	#page #conteneur
	{
	}
	
		#page #conteneur #colonne
		{
			float: left;
			width: 201px;
			padding: 10px;
			text-align: center;
		}
		
			#page #conteneur #colonne address
			{
				padding: 10px;
				text-align: left;
			}
			
				#page #conteneur #colonne address span
				{
					color: #FF6600;
					font-weight: bold;
				}
				
				#page #conteneur #colonne address img
				{
					float: right;
					padding: 0 0 10px 10px;
				}
				
		#page #conteneur #contenu
		{
			float: right;
			width: 528px;
			padding: 20px;
		}
		
			#page #conteneur #contenu h1
			{
				margin: 0;
				padding: 0;
				font-size: large;
				color: #CC0000;
				font-weight: bold;
			}
			
			#page #conteneur #contenu h2
			{
				font-size: small;
				font-weight: bold;
			}
			
			#page #conteneur #contenu h3
			{
				color: #CC0000;
				border-bottom: 1px solid #CC0000;
			}
		
			#page #conteneur #contenu p
			{
				margin: 10px 0 10px 0;
			}
			
			#page #conteneur #contenu p img
			{
				float: right;
				padding: 0 0 10px 10px;
			}
			
			#page #conteneur #contenu ul
			{
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
				#page #conteneur #contenu img
				{
					float: right;
					padding: 0 0 10px 10px;
				}
				
				#page #conteneur #contenu ul li .surtitre, #page #conteneur #contenu ul li .soustitre
				{
					margin: 0;
					padding: 0;
					font-size: x-small;
				}
				
				#page #conteneur #contenu ul li h3
				{
					margin: 0;
					padding: 5px 0 5px 0;
					border: none;
				}
		
	#page #pied
	{
		padding: 15px 20px 10px 20px;
		border-top: 1px solid #FFFFFF;
		background-image: url(images/fond-pied.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		color: #FFFFFF;
		text-align: center;
	}
	
		#page #pied a
		{
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		
			#page #pied a:hover
			{
				text-decoration: underline;
			}
			
		#page #pied img
		{
			vertical-align: middle;
		}
	
		#page #pied ul
		{
			margin: 0;
			padding: 0;
		}
		
			#page #pied ul li
			{
				display: inline;
			}
			
.formulaire fieldset { margin: 0 0 20px 0; padding: 10px; border: 1px dashed #000; }
.formulaire table { width: 100%; }
.formulaire table tr td { vertical-align: top; }
.formulaire table input, .formulaire table textarea { width: 100%; }
.formulaire .libelle { width: 25%; }
.formulaire .radio, .formulaire .bouton { width: auto; }