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

* {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

p {
	margin-bottom: 10px;
}

ul, ol {
	margin-left: 25px;
}

a {
	outline: none;
	color: #e1d0a8;
}

a {
	color:#365c6d;
	font-weight:bold;
	cursor: hand;
}

a:hover {
	text-decoration: none;
	background: none;
}

a span {
		display: none;
		}

a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: #e1001a;
		text-align: center;
		color: #fff;
		}

li {
	margin-left: 25px;
}
/*** FIN CSS RESET */

/*** CLASSES GENERIQUES */
.clear {
	clear: both;
}

.autoscroll {
	overflow : auto;
	scrollbar-face-color : #365c6d; 
	scrollbar-arrow-color : #fff;
	scrollbar-track-color : inherit;
	}
						
h1 {
	font-size:25px;
	font-family: Arial black;
	color:#d42026;
}

h2 {
	font-size:18px;
	font-family: Arial black;
	color:#fff;
}

h3 {
	font-size:18px;
	font-family: Arial;
	color:#fff;
}

h4 {
	font-size:35px;
	color:#000000;
}

/*** FIN CLASSES GENERIQUES */

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
	}

	#globalContainer {
		width: 1024px;
		height: 700px;
		text-align: left;
		margin: 10px auto;
		position: relative;
		} 

		#logoMHN {
					background: url(../images/MHN.png) no-repeat;
					margin: 10px 0 0 0;
					left: 0px;
					top: 0px;
					float: left;
					width: 120px;
					height: 71px;
					position: absolute;
					}
			
			#logoMHN a {
				border: 0;
				text-indent: -1000em;
				display: block;
				width: 120px;
				height: 71px;
				}
				
		#globalContainerContent {
			background-color: #b29f67;
			border: solid 2px #FF6600;
			margin-top: 90px;
			height: 440px;
			width: 100%;
			float: left;
			z-index:0;
			}
				
			#globalContainerContentExpo {
				float: left;
				left: 20px;
				top: 120px;
				width: 110px;
				height: 500px;
				position: absolute;
				}
			#globalContainerContentZoom {
				float: left;
				left: 170px;
				top: 120px;
				width: 110px;
				height: 500px;
				position: absolute;
				}
			#globalContainerContentAutour {
				float: left;
				left: 320px;
				top: 120px;
				width: 110px;
				height: 500px;
				position: absolute;
				}
				
				#globalContainerContentIdeo {
					width: 100%;
					height: 50px;
					text-align: center;
					margin-bottom: 20px;
					position: absolute;
					}
				#globalContainerContentDragon {
					top: 50px;
					width: 100%;
					height: 450px;
					position: absolute;
					border-bottom: 4px solid #4B4B4B;
					border-right: 4px solid #4B4B4B;
					text-align:center;
					-moz-border-radius: 0.5em;
					-webkit-border-radius: 0.5em;
				}
					
					#globalContainerContentDragon a:hover {
						position: absolute;
					}
					
						#globalContainerContentDragonHaut {
							width: 100%;
							height: 50px;
							border-bottom: 2px dashed #ffffff;
							padding-top: 50px;
							text-align: center;
						}
						#globalContainerContentDragonBasExpo {
							background-image:url(../images/armure.jpg);
							width: 100%;
							height: 350px;
							}
						#globalContainerContentDragonBasZoom {
							background-image:url(../images/jardin.jpg);
							width: 100%;
							height: 350px;
							}
						#globalContainerContentDragonBasAutour {
							background-image:url(../images/couv-Soie--Canon-2.jpg);
							width: 100%;
							height: 350px;
							}
					
		#titre1 {
			background: url(../images/titre1.jpg) no-repeat;
			margin: 0 0 0 0;
			float: right;
			right: 26px;
			top: 3px;
			width: 600px;
			height: 68px;
			position: absolute;
			}
						
		#titre2 {
			margin: 0 0 0 0;
			float: right;
			right: 0px;
			top: 90px;
			width: 407px;
			height: 86px;
			position: absolute;
			}
			
			#rosasse {
			background: url(../images/rosasse.png) no-repeat;
			float: right;
			right: -470px;
			top: -7px;
			width: 52px;
			height: 52px;
			position: absolute;
			}
	
		#presentation {
			margin: 20px;
			float: right;
			right: -2px;
			top: 164px;
			width: 470px;
			height: 350px;
			position: absolute;
			}

		#logoChateau {
			background: url(../images/chateau.png) no-repeat;
			margin: 0 0 0 0;
			float: right;
			right: 0px;
			top: 525px;
			width: 255px;
			height: 45px;
			position: absolute;
			}
			
		#copy {
			margin: 0 0 0 0;
			float: left;
			left: 50px;
			bottom: 50px;
			position: absolute;
			color: #365c6d;
			}