* {
	margin:0;
	padding:0;
}

body {
	background:#d8e6ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000050;
}

#global {
	border:#333333 1px solid;
	width:900px;
	margin:auto;
}


/* TOP */
#global #top {
	height:115px;
	background:url(images/image_haut.jpg) no-repeat center top; 
	border-bottom:#333333 1px solid;
}


/* CENTRE */

#global #content {
	background:url(images/image_centre.jpg) no-repeat center top;	
}

	/* menu du haut */
	
	#content #menu {
		background:url(images/transparent_menu_haut.png) repeat;
		border-bottom: 1px solid #000;
		width:897px;
		overflow:hidden;
		padding-left:3px;
	}
		#menu ul {
			list-style:none;
		}
		#menu li {
			float: left;
		}
		#menu a, #menu a:visited {
			display:block;
			margin:2px 0px 2px 0px; /*top right bottom left */
			padding:0 10px 0 10px;
			border-right: 1px solid #ccc;

			text-decoration:none;
			font-weight:bold;
			line-height:20px;
			color:white;
		}
		#menu a#select {
			color:#000077;
			background:url(images/transparent_blanc.png) repeat;
		}
		#menu a:hover, #menu a#select:hover  {
			background:url(images/transparent_blanc.png) repeat;
			color:#0060FF;
		}


	/* menu gauche */
	#content #submenu {
		float:left;
		width:180px;
		text-align:center;
		margin:0 5px 0 5px;
	}
		#submenu ul {
			list-style:none;
			margin-top:5px;
		}
		#submenu li {
			margin:5px 0 5px 0;
			border-top:#293043 2px solid;
			border-bottom:#293043 2px solid;
			background:url(images/transparent_menu_haut.png) repeat;
		}
			#submenu li.titre {
				background:#29305F;
				color:#FFF;
				font-weight:bold;
				margin-top:25px;
				line-height:18px;
			}
			#submenu li a, #submenu li a:visited {
				display:block;
				text-decoration:none;
				line-height:17px;
				color:#FFF;
				width:174px;
				margin:0 3px 0 3px;
			}
			#submenu li a:hover, #submenu li a#subselect {
				font-weight:bold;
				line-height:18px;
				background:url(images/transparent_blanc.png) repeat;
				color:#000077;
				margin:0;
				padding:0 3px 0 3px;
			}
	
	/* texte */
	#content #texte {
		width:auto;
		height:100%;
		min-height:400px;
		overflow:hidden;
		margin:5px 5px 5px 1%;
		padding:0 10px 10px 10px;
		border:#14317a 1px solid;
		background:url(images/transparent_blanc.png) repeat;
	}
		
		/* titre principale */
		h1 {
			margin-bottom:10px;
			border-bottom:#14317a 1px solid;
			color:#000030;
			font-size:18px;
			line-height:26px;
			font-weight:bold;
		}
	
		h2 {
			display:block;
			border-bottom:#000040 1px solid;
			font-size:16px;
			margin-top:20px;
			margin-bottom:10px;
			color:#000040;
		}
		h3 {
			font-size:12px;
			font-weight:bold;
			margin-top:20px;
			margin-left:7px;
		}
		h4, h5, h6 {
			font-weight:normal;
			font-size: 13px;
		}
		a {
			color:#003399;
		}
		a:hover {
			font-weight:bold;
			color:#003399;
		}
				
		p {
			text-align:justify;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		.p2 {
			display:block;
			margin-left:20px;
			text-align:justify;
		}

		.centrer {
			display:block;
			margin:auto;
			text-align:center;
			float:none;
		}
		.gauche {
			display:block;
			margin:auto;
			text-align:right;
			float:none;
		}

		
/* BAS  */
		
#bottom {
	clear:both;
	float:right;
	width:80%;
	text-align:center;
	font-size:11px;
}

		
/* AUTRES */

.img_centre {
	display:block;
	float:none;
	margin:auto;
	text-align:center;
}

.img_gauche {
	float:left;
	margin-right:10px;
}

.img_droite {
	float:right;
	margin-left:10px;
}

a img {
	border:0;
}
.img_click {
	border:#000 1px solid;
	cursor:pointer;
}
.img_click:hover {
	border:#FF0000 2px solid;
}
#carte {
	width:365px;
	float:left;
	margin:5px 5px 0 0px;
	border:#333333 1px solid;
	font-size:0;
}
#carte  a {
	cursor:pointer;
}
#carte img a {
	border:none;
}
#carte .bug { /* bug d'affichage avec fx */
	margin-bottom:-1px !important;
}