/*
	Auteur			: 	alain trottier
	Creation		:	2010/06/30
	Modification	: 	2011/06/03
*/
/* ============= [ GEN ] ============= */

* {
	padding 			: 0px;
	margin 				: 0px;
}

a, object {outline: none;}
object:active, div:active {outline: none;}
object:focus, div:focus {-moz-outline-style: none;}
embed {outline: 0;}

iframe {
	overflow			: hidden;
}

html, body {
	font-family 		: verdana;
	height				: 100%;
}

div#page {
	position			: relative;
	width				: 984px;
	margin				: 0 auto;
	height				: auto !important;
	height				: 100%;
	min-height			: 100%; 
	background			: #dde8ce;		 /* fond vert d9e5cb */
	border				: 0px solid black;
}

div#top {
	width:				: 984px;
	height				: 102px;
	background-image	: url('../img/gen/topSite.gif');
	border				: 0px solid red;
}

div#menuTop {
	padding-top			: 53px;
	width				: 408px;
	height				: 24px;
	margin				: 0 auto;
	border				: 0px solid red;	
}

/* ============= [ MENU ] ============= */

div#menu {
	position			: absolute;
	top					: 102px; 
	left				: 28px;
	bottom				: 10px;
	border-left			: 3px solid #9ca797;
	border-right		: 3px solid #9ca797;
	border-top			: 3px solid #9ca797;
	width				: 186px; /* 28 + 3 + 186 + 3 + 28 + 705 + 28 = 984 */
	background-color	: #dde8ce;

	/* background			: url('./../img/gen/revisions.gif') no-repeat bottom;
	opacity				: .20;
	/* 	filter			: alpha(opacity=20); */
}

iframe {
	width				: 186px;
	height				: 470px; /* 540 */
	border				: 0px solid red;
	background-color	: #dde8ce;
}

div#logoRevision {
	position			: absolute;
	left				: 0;
	bottom				: 0;
	width				: 185px;
	height				: 165px;
	background			: url('./../img/gen/revisions.gif') no-repeat;
	opacity				: .60;
	filter				: alpha(opacity=60);
	border				: 0px solid red;
}

a#logoRevision {
	position			: absolute;
	left				: 0;
	bottom				: 0;
	width				: 185px;
	height				: 165px;
	background			: url('./../img/gen/revisions.gif') no-repeat;
	opacity				: .60;
	filter				: alpha(opacity=60);
	display				: block;
	border				: 0px solid red;
}

/* ============= [ CONTENUE PRINCIPAL ] ============= */

div#content {
	margin-top			: 0px;
	margin-left			: 248px;			/* 28 + 3 + 186 + 3 + 28 = 248 */
	width				: 705px;
	border				: 1px solid #dde8ce; /* d9e5cb */
	padding				: 0 0 198px;		/* 48 (basPage) + 100 (relatedSection) + 50 (padding) */
	border				: 1px solid #dde8ce; /* d9e5cb */
}

div#encadrer {
	background			: #e8efe0;			/* vert pale */
	border				: 1px solid #e8efe0;
}

	h2 {
		margin-top			: 12px;
		margin-left			: 24px;
		font-size			: 12px;
		font-weight			: bold;
	}

	p {
		margin				: 30px 24px 0;
		font-size			: 14px;
		border				: 0px solid red;	
	}

	ol {
		margin				: 10px 0 6px 50px;
		font-size			: 14px;
		border				: 0px solid red;	
	}

	div#flash660Id {
		margin				: 20px 0 20px 24px;			
		border				: 0px solid black;
	}

	div#flash700Id {
		margin				: 20px 0;
		border				: 0px solid black;
	}

	div#hint {
		width			: 500px;
		height			: 100%;
		min-height		: 40px;
		margin			: 40px auto 40px;
		color			: #436a18; /* vert */
		background		: url('../img/gen/boutonHint.gif') no-repeat 0 0;
		padding			: 14px 0 0 40px;
		border			: 0 solid black;
		font-weight		: bold;
		font-size		: 14px;		
	}

	div#relatedSection {
		font-size			: 14px;		
		position			: absolute;
		height				: 100px;
		bottom				: 48px;
		width				: 671px; /* 671 + 10 + 24 = 705 */
		padding				: 10px 0 0 24px;				
		border-top			: 3px solid #9ca797;
		border-left			: 3px solid #9ca797;
		border-right		: 3px solid #9ca797;
	}

		div#relatedSection a {
			color			: #436a18; /* vert */
		}

div#basPage {
	position			: absolute;
	bottom				: 0;
	background			: white;
	width				: 100%;
	border				: 0px solid black;
	height				: 48px;
	clear				: both;
}

/* ============= [ FIN ] ============= */