@charset "utf-8";
/* ---- Initialisation ---- */

	*{
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
	}

/* ---- Principal ---- */

	body {
		background-color:#a8a8a8;
	}
	
	#conteneur {
		margin-top:10px;
		width:808px;
		height:580px;
		position:absolute;
		left:50%;
		margin-left:-404px;
		background-image:url(../img/background.png);
	}
	
/* ---- Formulaire ---- */

	input {
		width:150px;
	}
	
		.cp {
			width:43px;
		}
		
		.ville {
			width:100px;
		}
		
		.bt {
			width:auto;
			padding-left:10px;
			padding-right:10px;
			font-size:12px;
		}
		
		.test {
			visibility:hidden;
		}
	
	textarea {
		width:260px;
		font-size:12px;
	}


/* ---- Conteneur ---- */

	#logo {
		width:332px;
		height:136px;
		
		float:left;
		margin-left:16px;
		margin-top:17px;
	}
	
	#menu {
		background-color:#f7e800;
		width:445px;
		height:32px;
		float:right;
		border-bottom:#FFFFFF solid 1px;
		text-align:center;
		margin-right:14px;
		margin-top:17px;
		padding-top:27px;
	}
	
		#menu a {
			padding-left:10px;
			padding-right:10px;
			font-size:14px;
			font-weight:bold;
			color:#333333;
			text-decoration:none;
		}
		
		#menu a:hover {
			color:#999999;
		}
	
	#illustre {
		width:445px;
		height:460px;
		float:right;
		
		margin-right:14px;
		overflow:hidden;
	}
	
		#sousmenu {
			text-align:center;
			height:20px;
			background-color:#cacaca;
			border-bottom:#FFFFFF solid 1px;
			padding-top:8px;
			color:#555555;
			font-size:12px;
		}
		
		#sousmenu a{
			color:#555555;
			text-decoration:none;
		}
		
		#sousmenu a:hover{
			color:#999999;
		}
	
	#texte {
		background-image:url(../img/background-texte.png);
		width:332px;
		height:384px;
		float:left;
		
		margin-left:16px;
		padding:-20px;
	}
	
		#texteInte {
			padding-left:15px;
			padding-right:15px;
			height:384px;
			width:292px;		
			overflow:auto;

			font-size:12px;
			color:#919191;
			text-align:justify;
		}
		
		#texteInte p{
			margin-bottom:10px;
			color:#000000;
		}
		
		#texteInte ul li{
			list-style:inside;
			padding-left:10px;
		}
		
		#texteInte h1{
			margin-top:30px;
			margin-bottom:15px;
			text-align:center;
			color:#333333;
			font-weight:bold;
			font-size:14px;
		}
		
		#texteInte a{
			font-size:11px;
			color:#207080;
		}
		
		#texteInte a:hover{
			color:#000000;
		}
		
		#galerie img:hover{
			-moz-opacity: 0.6;
			opacity:.60;
			filter: alpha(opacity=60);
			cursor:pointer;
		}
	
	#pied {
		background-color:#f7e800;
		height:18px;
		
		margin-top:1px;
		margin-left:16px;
		margin-right:14px;
		clear:both;
		border:#FFFFFF solid 1px;
		
		font-size:10px;
		font-weight:bold;
		color:#666666;
		text-align:center;
		
		padding-top:8px;
	}
	
	#pied a{
		color:#666666;
		font-size:10px;
		text-decoration:none;
		padding-right:10px;
		padding-left:10px;
	}
	
	#pied a:hover {
		color:#999999;
	}