@charset "UTF-8";
/* CSS Document */

	body {
		background: #000000;
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		width: 100%;
		text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		scrollbar-face-color: black; 
scrollbar-darkshadow-color: black; 
scrollbar-shadow-color: black; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: black; 
scrollbar-arrow-color: darkred;
scrollbar-track-color: #834D20;
}
	#background img {
		width: 100%; 
		overflow: hidden;
	}
	#container {
		width: 100%;
		position: relative; top: 20px; left: 0;
		height: 686px;
		width:1024px;
		margin: 0 auto;
		text-align:left;
		overflow:hidden;
		border-color:#834D20;
		border-width:1px;
		border-right-style:solid;
		border-left-style:solid;
		border-bottom-style:solid;
		border-top-style:solid;
		/* visibility:hidden; */
	}
	#mainContent {
		overflow:hidden;
		position: relative; top: 0px; left: 0;
		
	}
	#panel-left  { position: relative; top: 0; left: 0; width: 180px; height: 686px;margin:0 }
	#panel-mid {
		position:relative;
		top:-686px;
		-top:-819px;
		left:180px;
		height:686px;
		width:422px;
		background-image: url("../Images/fond_02.jpg");
		background-repeat: no-repeat;
		margin : 0;
	}
	#panel-right {
		position:relative;
		top:-1372px;
		-top:-1504px;
		left:602px;
		height:686px;
		width:422px;
		background-image: url("../Images/fond_03.jpg");
		background-repeat: no-repeat;
		margin : 0;
	}
	#panel-mid2 {
		position:relative;
		top:-1356px;
		*top:-1339px;
		-top:-1471px;
		left:181px;
		height:auto;
		height:672px;
		width:522px;
		background-image: url("../Images/fond_tactique2.jpg");
		background-repeat: no-repeat;
		margin : 0;
		padding:0;
	}
	#panel-right2 {
		position:relative;
		top:-2026px;
		*top:-2010px;
		-top:-2143px;
		left:703px;
		height:654px;
		width:320px;
		background-color: black;
		margin : 0;
		padding:0;
		border-left: 1px solid #834d20;
	}
	#panel-mid3 {
		position:relative;
		top:-1356px;
		left:181px;
		height:auto;
		height:672px;
		width:120px;
		background-color: #000000;
		margin : 0;
		padding:0;
	}
	#panel-right3 {
		position:relative;
		top:-2028px;
		left:301px;
		height:auto;
		height:672px;
		width:722px;
		background-image: url("../Images/fond_tactique3.jpg");
		background-repeat: no-repeat;
		margin : 0;
		padding:0;
		border-left: 1px solid #834d20;
	}
#panel-main {
		position:relative;
		top:-703px;
		*top:-686px;
		-top:-818px;
		left:180px;
		height:686px;
		width:843px;
		border-left: 1px solid #834D20;
		margin : 0;
		padding:0;
	}
#main {	
		top:-10px;
		margin:0;
		padding:0;
		width:100%;
		height:641px;
		overflow-x: hidden;
		overflow-y: auto;}
#main2 {	
		top:332px;
		margin:0;
		margin-left:0px;
		padding:0;
		width:320px;
		height:373px;
		overflow-x: hidden;
		overflow-y: auto;}
#main2-1 {
		top:0px;
		margin:0;
		margin-left:0px;
		padding:0;
		width:320px;
		height:654px;
		overflow-x: hidden;
		overflow-y: auto;}

#main3 {	
		top:51px;
		margin:0;
		padding:0;
		width:120px;
		height:654px;
		overflow-x: hidden;
		overflow-y: auto;}
#main4 {	
		top:0px;
		margin:0;
		padding:0;
		width:100%;
		height:635px;
		overflow-x: hidden;
		overflow-y: auto;}