/* supression de toutes les marges */
* {
	margin: 0;
	padding: 0;
}

/* styles appliqués sur tout le site */
body {
	font: 12px Arial;
	color: #000;
	text-align: center;
}

/* styles appliqués sur les balises HTML */
a img { border: 0; }
a { outline: none; }

/* classes génériques */
.clear { clear: both; }

/* conteneur principal, englobant toute la page */
#page {
	width: 1040px;
	margin: 0 auto;
	text-align: left;
}

	/* en-tête */
	#header {
		height: 120px;
	}

		#logo {
			float: left;
			width: 220px;
			height: 120px;
		}
		
		#entete {
			float: left;
			position: relative;
			width: 820px;
			height: 120px;
			background: url('../images/interface/top_bandeau_bouton.jpg') no-repeat left top;
		}
		
			#entete a {
				position: absolute;
				top: 82px;
				left: 37px;
				display: block;
				width: 210px;
				height: 26px;
			}

	/* englobant gauche + centre + droite */
	#englob {
		position: relative;
		width: 1040px;
		background: #FFF url('../images/interface/fond_page.gif') repeat-y left top;
	}
	
	/* zone de gauche */
	#left {
		float: left;
		width: 220px;
		background-color: #039BDE;
	}

		#left_top {
			height: 84px;
			background: url('../images/interface/menu/menu_top.jpg') repeat-x left top;
		}
		
		/* liste à puces pour le menu */
		#left_menu {
			list-style-type : none;
		}

			#left_menu a {
				display: block;
				width: 205px;
				height: 25px;
				padding-left: 15px;
				line-height: 25px;
				font-size: 14px;
				text-decoration: none;
				color: #FFF;
			}
			
			#left_menu li.menu1 { background: url('../images/interface/menu/menu_btn_1.jpg') no-repeat left top; }
			#left_menu li.menu2 { background: url('../images/interface/menu/menu_btn_2.jpg') no-repeat left top; }
			#left_menu li.menu3 { background: url('../images/interface/menu/menu_btn_3.jpg') no-repeat left top; }
			#left_menu li.menu4 { background: url('../images/interface/menu/menu_btn_4.jpg') no-repeat left top; }
			#left_menu li.menu5 { background: url('../images/interface/menu/menu_btn_5.jpg') no-repeat left top; }
			#left_menu li.menu6 { background: url('../images/interface/menu/menu_btn_6.jpg') no-repeat left top; }
			#left_menu li.menu7 { background: url('../images/interface/menu/menu_btn_7.jpg') no-repeat left top; }
			
			#left_menu li.menu1 a:hover,
			#left_menu li.menu2 a:hover,
			#left_menu li.menu3 a:hover,
			#left_menu li.menu4 a:hover,
			#left_menu li.menu5 a:hover,
			#left_menu li.menu6 a:hover,
			#left_menu li.menu7 a:hover {
				background: url('../images/interface/menu/menu_btn_rollover.jpg') no-repeat left top;
			}
			
			#left_menu li.menu1 a.active,
			#left_menu li.menu2 a.active,
			#left_menu li.menu3 a.active,
			#left_menu li.menu4 a.active,
			#left_menu li.menu5 a.active,
			#left_menu li.menu6 a.active,
			#left_menu li.menu7 a.active {
				background: url('../images/interface/menu/selected.gif') no-repeat 2px center;
			}
		
		#left_bottom {
			position: absolute;
			bottom: 0;
			height: 40px;
			width: 220px;
			background: url('../images/interface/menu/menu_bottom2.jpg') repeat-x left top;
		}

	/* zone de contenu */
	#globalcontainer {
		float: left;
		width: 820px;
		min-height: 300px;
		background: url('../images/interface/page_bottom.jpg') repeat-x left bottom;
	}

		/* zone centrale */
		#titre_page h1 {
			width: 780px;
			height: 56px;
			padding-left: 40px;
			background: url('../images/interface/page_titre.jpg') repeat-x left top;
			font: bold 20px Arial;
			color: #FFF;
			line-height: 56px;
		}
		
		.impression {
			float: right;
			display: block;
			margin-top: 5px;
		}
		
		#center {
			float: left;
			width: 500px;
			padding: 30px 20px 30px 30px;
			font: 12px/170% Arial;
			color: #232323;
		}
		
			#center h2 {
				margin-bottom: 15px;
				font: bold 18px Arial;
				color: #016E9C;
			}
			
			#center h3 {
				margin-bottom: 12px;
				font: bold 12px/170% Arial;
				color: #2D2D2D;
			}
			
			#center a {
				font-weight: bold;
				text-decoration: none;
				color: #016E9C;
			}
			
			#center a:hover {
				color: #029BE4 !important;
			}
			
			#center a:visited {
				color: #984AB2 !important;
			}
			
			#center p { text-align: justify; }
			
			#center ul {
				margin-left: 20px;
				list-style-type: none;
				list-style-image: url('../images/interface/puce.jpg');
			}
			
			#center .partie_gauche {
				float: left;
				width: 240px;
				margin-right: 20px;
			}
			
			#center .partie_droite {
				float: left;
				width: 240px;
			}
		
		#right {
			float: left;
			width: 240px;
			padding: 30px 30px 30px 0;
			line-height: 170%;
		}
			
			#right p { text-align: justify; }
		
			#right img { margin-bottom: 10px; }

	/* pied de page */
	#footer {
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 11px;
		color: #37506F;
	}

		#footer a {
			text-decoration: none;
			color: #37506F;
		}
		
		#footer a:hover {
			text-decoration: underline;
			color: #37506F;
		}

		#contact {
			
		}
		
		#infos {
			float: right;
			margin-right: 20px;
		}
		
			#infos .url {
				margin-right: 10px;
			}
			
			#infos .mail {
				margin-left: 10px;
			}