html, body {
background-color: #c4c4c4;
width: 99%;
height: 99%;
}

	#corps{
	width: 861px;
	height: auto;
	margin:auto;
	}
	
		#top{
		margin-left: -1px;
		width: 855px;
		height: 255px;
		background-image: url('./img/top.png');
		}

		#borderleft{
		background: url('./img/brdg.png') repeat-y;
		float: left;
		width: 30px;
		height: 500px;
		}

		#left{
		float: left;
		width: 219px;
		height: 500px;
		background: url('./img/left.png') no-repeat top right #ffffff;
		}

		#bloc{
		float: left;
		width: 605px;
		height: 500px;
		background: url('./img/bloc.png') repeat-y #ffffff;
		}
		
			#text{
			background-color: #ffffff;
			clear:both;
			position: absolute;
			width: 400px;
			margin-left: 400px;
			margin-top: 285px;
			height: 480px;
			border: solid 1px black;
			display:block;
			}	
			
				.min{
				text-align: center;
				}
				
					.vign{
					border: 0px;
					}
			
				.menutf{
				text-align: center;
				border-bottom: 1px solid black;
				font-family: sans-serif;
				}

					.c1{
					background: url('./img/c1.png') no-repeat;
					width:30px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}

						.c1:hover,
						.c1:focus,
						.c1:active{
						background-position:0-30px;
						}

					.c2{
					background: url('./img/c2.png') no-repeat;
					width:36px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}

						.c2:hover,
						.c2:focus,
						.c2:active{
						background-position:0-30px;
						}

					.c3{
					background: url('./img/c3.png') no-repeat;
					width:47px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}

						.c3:hover,
						.c3:focus,
						.c3:active{
						background-position:0-30px;
						}

					.c4{
					background: url('./img/c4.png') no-repeat;
					width:101px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}

						.c4:hover,
						.c4:focus,
						.c4:active{
						background-position:0-30px;
						}
					
					.c5{
					background: url('./img/c5.png') no-repeat;
					width:99px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}

						.c5:hover,
						.c5:focus,
					.c5:active{
						background-position:0-30px;
						}
					
					.a1{
					background: url('./img/a1.png') no-repeat;
					width:31px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}
				
					.a2{
					background: url('./img/a2.png') no-repeat;
					width:34px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}
				
					.a3{
					background: url('./img/b5.png') no-repeat;
					width:47px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}
				
					.a4{
					background: url('./img/b5.png') no-repeat;
					width:101px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}
				
					.a5{
					background: url('./img/b5.png') no-repeat;
					width:99px;
					height:30px;
					cursor:pointer;
					display:inline-block;
					}

				.txt{
				margin: 5px 10px 10px 10px;
				font-family: sans-serif;
				font-size: 13px;
				text-align: justify;
				}
				
					.bold{
					font-weight: bold;
					}
				.field{
				margin-left:10px;
				}
				
				.mail{
				margin-left:10px;
				}
				
			#plante{
			height: 100%;
			width: 92%;
			background: url('./img/plante.png') bottom right no-repeat;
			}

				.b1{
				background-image: url('./img/b1.png');
				width:120px;
				height:60px;
				cursor:pointer;
				display:block;
				}

					.b1:hover,
					.b1:focus,
					.b1:active{
					background-position:0-60px;
					}

				.b2{
				background-image: url('./img/b2.png');
				width:120px;
				height:60px;
				cursor:pointer;
				display:block;
				}

					.b2:hover,
					.b2:focus,
					.b2:active{
					background-position:0-60px;
					}

				.b3{
				background-image: url('./img/b3.png');
				width:120px;
				height:60px;
				cursor:pointer;
				display:block;
				}

					.b3:hover,
					.b3:focus,
					.b3:active{
					background-position:0-60px;
					}

				.b4{
				background-image: url('./img/b4.png');
				width:120px;
				height:60px;
				cursor:pointer;
				display:block;
				}

					.b4:hover,
					.b4:focus,
					.b4:active{
					background-position:0-60px;
					}

			#borderight{
			background: url('./img/brdr.png') repeat-y;
			width: 30px;
			float: right;
			height: 100%;
			clear: both;
			}

		#bottom{
		margin-left: -1px;
		width: 855px;
		height: 90px;
		background-image: url('./img/bottom.png');
		clear:both;
		}
		
.griffe
{
font-size:12px;
text-align:center;
margin-bottom:-100px;
}

.griffe a
{
color:#6f0d0d;
text-decoration: none;
}