*{
	margin:0; padding:0;
}

html{
	background-image:url(../images/fond_degrade.gif);
	background-repeat:repeat-x;
	background-color:#266A2F;
}

#arriereplan1{
	float:right;
	width:987px;
	padding-bottom:10px;
	background-image:url(../images/fond_contenu.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

	#arriereplan2{
		background-image:url(../images/fond_menu.gif);
		background-position:left top;
		background-repeat:no-repeat;
		min-height:734px;
	}

		#menu{
			width:200px;
			min-height:413px;
			padding-top:300px;
			float:left;
			font-size:1.2em;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
		}
			
			#menu div{
				text-align:center;
				line-height:1.2em;
			}
			
			.bt_01{
				background-image:url(../images/bt_01.png);
				background-position:200px;
				width:200px;
				height:62px;
				overflow:hidden;
			}
			.bt_01:hover{
				background-position:0;
				cursor:pointer;
			}
			.bt_01 a{
				padding:5px 22px 0px 15px;
				height:46px;
				text-align:center;
				overflow:hidden;
				display:table-cell;
				width:163px;
				vertical-align:middle;
				text-decoration:none;
				color:#3D0513;
			}			
			.bt_01 a:hover{
				color:#F1F1CD;
			}
	
			.bt_02{
				background-image:url(../images/bt_02.png);
				background-position:200px;
				width:200px;
				height:77px;
				overflow:hidden;
			}
			.bt_02:hover{
				background-position:0;
				cursor:pointer;
			}
			.bt_02 a{
				padding:5px 20px 0px 27px;
				height:67px;
				text-align:center;
				overflow:hidden;
				display:table-cell;
				width:173px;
				vertical-align:middle;
				text-decoration:none;
				color:#3D0513;
			}			
			.bt_02 a:hover{
				color:#F1F1CD;
			}
	
		#bandeau{
			height:200px;
		}
			
			#titre{
				background-image:url(../images/parcours_aventure_49.gif);
				background-position:bottom;
				background-repeat:no-repeat;
				width:346px;
				height:171px;
				padding-top:29px;
				padding-right:80px;
				float:right;
				display:block;
			}
			
			#foret{
				background-image:url(../images/foret_de_brion.gif);
				background-position:bottom;
				background-repeat:no-repeat;
				width:165px;
				height:99px;
				padding-top:101px;
				padding-right:50px;
				float:right;
			}

		#contenu{
			clear:right;
			/*margin-left:200px;*/
			max-height:533px;
			overflow:auto;
			padding-left:85px;
		}
		
			#contenu h1{
				color:#3D0513;
				border-bottom:solid 2px #3D0513;
				border-left:solid 25px #3D0513;
				margin:20px 0;
				padding:0 10px;
				font-size:2em;
			}
			
			#contenu h2{
				color:#3D0513;
				border-bottom:solid 3px #F1F1CD;
				margin:10px 0;
				font-size:1.5em;
			}

			#contenu p{
				font-size:1em;
				margin:10px 0;
			}
			
			#contenu .imgLeft{
				float:left;
				padding: 5px 5px 5px 0;
			}
			
			#contenu .imgRight{
				float:right;
				padding: 5px 0 5px 5px;
			}
			

/* - - - - - -  élément Ariane  - - - - - - */
#ariane{
	margin:0 30px 10px 20px;
	font-size:8pt;
	font-style:italic;
	color:#666;
}

	#ariane A{
		color:#666;
		text-decoration:none;
	}

	#ariane A:hover{
		color:#000;
		text-decoration:underline;
	}

/* - - - - - -  élément En Savoir Plus  - - - - - - */
#en_savoir_plus{
	width:198px;
	background:url(../images/ensavoirplus_fd.gif) 0 0 no-repeat;
	background-color:#fff;
	padding:35px 0 10px 0;
	min-height:55px;
	border:solid 1px #999;
	float:right;
	margin:0 30px 10px 10px; 
}
	
	#en_savoir_plus li{
		list-style:none;
		margin-left:15px;
		padding-left:10px;
		background:url(../images/puce_haut.gif) 0 10px no-repeat;
	}

	#en_savoir_plus a{
		display:inline-block;
		padding:3px 0;
		text-decoration:none;
		color:#333;
	}
	
	#en_savoir_plus a:hover{
		text-decoration:underline;
		color:#000;
	}

/* - - - - - -  élément Bidouille  - - - - - - */
#cryptogram{
	background-color:#fff;
}