/**
 * CSS fenetre principale
 */
html { overflow: -moz-scrollbars-vertical !important; }
body { background: url(../images/bg_body.gif) #fff; }

/**
 * Conteneur principal
 */
#container { background: url(../images/bg_content.gif) repeat-y center; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }
.container { width: 956px; margin: 0 auto; }

/**
 * Header
 */
#header { height: 117px; }
	#header .container { background: url(../images/bg_header.jpg); height: 117px; position: relative; }
	#header h1 { padding: 0; }
		#header h1 a { position: absolute; top: 28px; left: 14px; width: 148px; height: 97px; }

	/* identité de l'utilisateur */
	#header #userIdentity { position: absolute; top: 0; right: 26px; z-index: 200; }
		#header #userIdentity span { vertical-align: top; color: #793D14; padding-right: 5px; }

/**
 * Content
 */
#content { width: 931px; margin: 0 auto; padding: 20px 12px 50px 13px; }

    /* formation */
    #content #aideChoixFormation { width: 560px; margin: 0 auto 20px auto; text-align: center; }

    #content #choixFormation { width: 560px; margin: 0 auto; }
        #content #choixFormation h2 { margin-left: 60px; }
        #content #choixFormation .formation { margin-left: 120px; }
            #content #choixFormation .formation td { vertical-align: top; }
            #content #choixFormation .formation .title { width: 300px; line-height: 25px; }

	/* flash message */
	#content #flashMessageContainer { position: relative; }
	#content #flashMessage { background: #783D13; padding: 2px 15px; color: #fff; font-weight: bold; position: absolute; right: 28px; top: -10px; }
    #content #flashMessage2 { background: #783D13; padding: 2px 15px; color: #fff; font-weight: bold; position: absolute; right: 28px; top: 60px; }

	/* search element / results element */
	#content .searchElement, #content .resultsElement, #content .editElement { background: #F4F8F0; padding-bottom: 10px; }
	#content .resultsElement div { padding-bottom: 20px; }
		#content .searchElement .title, #content .resultsElement .title, #content .editElement .title { background: url(../images/bg_title_element.jpg); height: 26px; line-height: 24px; border-top: 1px solid #DBDED9; border-bottom: 1px solid #DBDED9; color: #fff; font-size: 1.1em; font-weight: bold; padding: 0 0 0 22px; }
		#content .elementToggle { display: block; background: url(../images/btn_toggle_element.jpg) no-repeat top left; width: 825px; height: 22px; float: left; margin: -22px 0 0 110px; }
		* html #content .elementToggle { margin-left: 55px; }
			#content .elementToggle.close { background-position: bottom left; }

		/* search or results options */
		#content .searchElement .optionsSearchElement { width: 950px; margin: 10px auto 10px auto; }
		#content .resultsElement .optionsResultsElement { width: 470px; height: 60px; margin: 0 0 10px 5px; float: left; }

		#content .resultsElement .optionsResultsElement { margin-top: 0; }
		#content .searchElement .optionsSearchElement { width: 915px; }
			#content .resultsElement .optionsResultsElement td { vertical-align: bottom; }
		#content .searchElement .optionsSearchElement td { vertical-align: middle; }
		  #content .searchElement .optionsSearchElement .search { width: 100%; padding-top: 7px; }

		#content .searchElement .withMargin, #content .resultsElement .withMargin { margin-top: 10px; }
		#content .searchElement .optionsSearchElement .button { margin-bottom: -3px; }
		#content .searchElement .alignRight { width: 915px; }

		/* paginate */
		#content .paginate { width: 470px; height: 64px; }
		.paginate { float: right; margin: 0 5px 10px 0; }
			.paginate td { text-align: right; vertical-align: bottom; }
			.paginate div { margin-top: 10px; }
			.paginate label { width: 104px; padding-right: 10px; }
			.paginate .pager { margin: 10px 0 4px 0; text-align: right; }
				.paginate .pager li { display: inline; line-height: 17px; padding: 0 2px; }
				.paginate .pager li.page { padding: 0 5px; border-right: 1px solid #B3B5B2; }
				.paginate .pager li.current { padding: 0 3px; color: #fff; }
				.paginate .pager li.last { padding: 0 7px; border-right: 0; }
					.paginate .pager li.current span { padding: 0 3px; background: #B3B5B2; }
					.paginate .pager li a { text-decoration: none; }
					.paginate .pager li img { position: relative; top: 5px; }
			.paginate #page { line-height: 17px; padding: 0 2px; }
			.paginate .paginateSubmit { position: relative; top: 3px; margin-left: 3px; }

		/* results table */
		#content .itemsResultsElement { width: 950px; margin: 0 auto; line-height: 1.2em; color: #666; }
			#content .itemsResultsElement th { background: url(../images/bg_result_th.jpg) top left; border: 1px solid #B3B5B2; padding-right: 2px; font-weight: bold; text-align: center; color: #777; }
			#content .itemsResultsElement th.sortasc, #content .itemsResultsElement th.sortdesc { background: url(../images/bg_result_th_active.jpg) top left; }
				#content .itemsResultsElement th a { display: block; padding: 5px 10px; text-decoration: none; }
				#content .itemsResultsElement th.sortasc a { background: url(../images/bg_table_sort_desc.gif) no-repeat center right; }
				#content .itemsResultsElement th.sortdesc a { background: url(../images/bg_table_sort_asc.gif) no-repeat center right; }
				#content .itemsResultsElement th.sortasc a span, #content .itemsResultsElement th.sortdesc a span { padding-right: 15px; }
				*+html #content .itemsResultsElement th.sortasc a span, *+html #content .itemsResultsElement th.sortdesc a span { padding-right: 5px; }
				* html #content .itemsResultsElement th.sortasc a span, * html #content .itemsResultsElement th.sortdesc a span { padding-right: 5px; }
			#content .itemsResultsElement tr:hover td { background: #E9EEE5; }
			#content .itemsResultsElement td { background: #F9F8F8; border: 1px solid #B3B5B2; padding: 4px 5px; vertical-align: top; }
			#content .itemsResultsElement .alt td { background: #F0EFEF; }
			#content .itemsResultsElement .utilLinks { text-align: center; }
				#content .itemsResultsElement .utilLinks a { color: #793D14; }

	/* iframe element */
	#frameElement { background: #F4F8F0; min-height: 150px; }
	* html #frameElement { height: 150px; padding-bottom: 20px; }

	/* profiler */
	#content #profiler { border: 1px solid #ccc; padding: 10px; }

/**
 * Footer
 */
#footer {}
	#footer .container {}