/* --------------------------------------------------------------------------------
	STYLES GLOBAUX (TYPOS, LIENS, SPACERS...)
-------------------------------------------------------------------------------- */

body {
	background-color: #003366;
	background-image: url(../img/fond_modules.gif);
	background-repeat: repeat-x;
}

.admin {
	height: 20px;
	padding: 0px 20px 0 0;
	line-height: 18px;
	text-align: right;
}

.logo {
	height: 45px;
	width: 150px;
	background-image: url(../img/logo_steno.gif);
}

.module_on {
	float: left;
	height: 30px;
	border-top: 3px solid #BFCCD9;
	border-bottom: 1px solid #7F99B2;
	background-color: #7F99B2;
	padding: 0 15px 0 40px;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	line-height: 24px;
}

.module_off {
	float: left;
	height: 28px;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #BFCCD9;
	background-color: #40668C;
	padding: 0 15px 0 40px;
	background-repeat: no-repeat;
	background-position: 10px 2px;
	line-height: 28px;
}

#module_workflow {background-image: url(../img/picto_module_workflow.gif);}
#module_arbo {background-image: url(../img/picto_module_arbo.gif);}
#module_medias {background-image: url(../img/picto_module_medias.gif);}
#module_pages {background-image: url(../img/picto_module_pages.gif);}

.spacer_off {
	float: left;
	height: 28px;
	width: 1px;
	margin: 1px 0 0 0;
	background-color: #003366;
}

.spacer_on {
	float: left;
	height: 30px;
	width: 1px;
	background-color: #BFCCD9;
}