@charset "UTF-8";
/* CSS Document */
html, body { 
	background: url(../_images/bg.gif) repeat-x;
	background-color:#33759e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:1.2;
	color:#555;
	height:100%;
}

/***Layout*/

/* Admin Header */
body > div#adminHeader { position:fixed; z-index:100; }

div#adminHeader { 
	height:auto; z-index:500; text-align:center; left:0; line-height:30px; position:absolute; top:0; width:100%; 
	background:#B4D98F; border-bottom:1px solid black;}
div#adminHeader a {color:#4c73db}


/* Layout Classes */
div#page {
	width:100%;
	/*height:auto;*/
	margin:0;
	padding:0;
	z-index:0;
}


	div#genericMenu { width:902px; margin:0 auto;
		height: 34px;
		line-height: 34px;
		text-align: right;
		color:#5d5d5d;
		font-size: 90%;
	}
	div#genericMenu a {color:#5d5d5d;}
	div#genericMenu a:hover {color:#731212}


div#contentContainer { width:902px; margin:0 auto;
	background: url(../_images/bg_content.gif) repeat-y;
}

	/* Menu	*/
	div#menu {position:relative; width:900px; height:32px; margin-left:1px; background: url(../_images/bg_menu_off.gif) repeat-x; text-align: center}
	div#menu a {padding: 0 20px; line-height: 32px; height:32px; color:#fff; text-decoration: none; display:inline-block; font-size:110%}
	div#menu a:hover {background: url(../_images/bg_menu_over.gif) repeat-x}
	div#menu a.on {color:#636363; background: url(../_images/bg_menu_on.gif) repeat-x}
		

	/* Crumbs */
	div#breadCrumb { position:relative; width:900px; height:29px; 
		margin-left:1px; background: url(../_images/arrow_breadcrumb.gif) 0 9px no-repeat; background-color:#fff9d2; border-bottom: 1px solid #fff; }
	div#breadCrumb div.crumbs {padding-left: 20px; line-height: 29px; color:#3a9cdb; font-size:90%}
	div#breadCrumb div.crumbs a {text-decoration:none; color:#3a9cdb}
	div#breadCrumb div.crumbs a:hover {text-decoration:underline;}


	/* Content Left */
	div#content {float:left; width:608px; margin: 20px; display:inline;}
	
	/* Content Right */
	div#contentRight {float:right; width:212px; margin: 20px; display:inline;}
	div#contentRight h3 {position:relative; margin-left:-20px; margin-right:-20px; padding: 0 20px 5px 20px; width:212px; border-bottom:1px solid #cce7f8;
		font-weight: normal; zoom:1}
	div.separatorRight {background:url(../_images/separateur_droite.gif) no-repeat; height:1px; width:212px; margin:10px 0; display:block;}


	/* Content Bottom */
	.contentBottom {height:20px; width:902px; margin: 0 auto; background: url(../_images/content_bottom.png) no-repeat;}
	.logos {height: 123px; width:902px; margin: 0 auto; margin-top:30px; background: url(../_images/logos.png) no-repeat;}


	/* Footer and Footer Menu */
	.footer {display:block; width:902px; margin:10px auto; text-align:center; color:#9ab8ca; font-family: "Arial"; font-size:85%}
	.footerMenu a {padding:0px 20px; color:#9ab8ca;}
	.footerMenu a:hover {color:#c3e0e6;}

	/* GRID */
	
	.column { margin: 0 0px; overflow: hidden; float: left;	display: inline; }
	.row { width: 980px; margin: 0 auto; overflow: hidden; }
	.row .row { margin: 0 0px;	width: auto; display: inline-block;	}
	
	
	/* Layout Elements */
	
	

/***General font styles*/
	h1, h2, h3, h4 {
		color:#3a9cdb;
		font-family: Helvetica,Arial,sans-serif;
	}
	
	h1 {font-size:150%;}
	h2 {font-size:130%;}
	h3 {font-size:120%;}
	h4 {font-size:110%;}
	
	.t80 {font-size:80%;}
	.t90 {font-size:90%;}
	.t110 {font-size:110%;}
	
	ul {
		list-style-position:outside;
		list-style:disc;
		margin:10px;
		padding-left:25px;
	}
	
	a {color:#e2b500}
	
	a.footer {font-size:12px;color:#000;text-decoration:none;}
	a.footer:hover {color:#666; text-decoration:underline;}
	
	.nowrap {white-space:nowrap}
	
	
/** Utility */
.center {text-align:center}
.right {text-align:right}
.black {color:#000}

.red {color:#a42215}
.orange {color:#f5ba2f}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}