/* -------------------------------------------------------------------------------------------- */
/* CSS Document ------------------------------------------------------------------------------- */
/* Mise en forme de l'application Bilan Développemental - GIPAL ------------------------------- */
/* IRIS INTERACTIVE - www.iris-interactive.fr ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

body {
	background-color:#ECE9D8;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:12px;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
}

#page {
	background:#FFFFFF url(../images/bg-global.gif) repeat-y left top; 
	width:882px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#entete {
	background:#FFFFFF url(../images/bg-entete.gif) no-repeat left top;
	width:882px;
	height:72px;
	text-align:left;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
#entete a.logo {
	background:transparent url(../images/logo-application.gif) no-repeat left top; 
	position:absolute;
	margin:7px 0 0 17px;
	border:none;
	display:block;
	height:50px;
	width:336px;
}
#entete a.fse {
	background:transparent url(../images/logo-fse.gif) no-repeat left top; 
	position:absolute;
	margin:2px 0 0 751px;
	border:none;
	display:block;
	height:56px;
	width:115px;
}
#entete a span {
	position:absolute;
	left:-999em;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	background:#FFFFFF url(../images/bg-navigation.gif) repeat-y left top; 
	height:29px;
}
#navigation ul {
	background:#156477 url(../images/bg-navigation-ul.gif) repeat-x left top; 
	height:29px;
	margin:0 2px;
	padding:3px 0 0 2px; 
	list-style:none;
}
html>body #navigation ul {
	height:26px;
}
#navigation li {
	display:block;
	float:left;
	padding:0 0 0 10px; 
	margin:0;
	list-style:none;
}
#navigation li:hover, 
#navigation li.sfhover {
	background:url(../images/bg-navigation-ul-li-hover.gif) no-repeat left top;
}
#navigation li.active {
	background:url(../images/bg-navigation-ul-li.gif) no-repeat left top;
}
#navigation li a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 10px 3px 0;
}
#navigation li:hover a, 
#navigation li.sfhover a, 
#navigation li a:hover {
	background:url(../images/bg-navigation-ul-li-hover.gif) no-repeat right top;
}
#navigation li.active a, 
#navigation li.active a:hover {
	background:url(../images/bg-navigation-ul-li.gif) no-repeat right top;
}
#navigation li ul { 
	position:absolute;
	height:auto !important;
	background-image:none;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:1px;
	width:195px;
	left:-999em; 
	text-align:left;
	margin:-3px 0 0 -10px;
}
#navigation li:hover ul, #navigation li.sfhover ul { 
	left:auto;
}
#navigation li:hover a, #navigation li.sfhover a { 
}
#navigation li ul li {
	background-image:none !important;
	width:195px;
	padding:0;
	text-align:left;
	border:1px solid #FFFFFF;
}
#navigation li ul li.individu {
	background:url(../images/ico-individu.gif) no-repeat left top !important;
	padding-left:20px;
}
#navigation li ul li.groupe {
	background:url(../images/ico-groupe.gif) no-repeat left top !important;
	padding-left:20px;
}
#navigation li ul li.etablissement {
	background:url(../images/ico-etablissement.gif) no-repeat left top !important;
	padding-left:20px;
}
#navigation li ul li:hover, 
#navigation li ul li.sfhover {
	border:1px solid #000000;
}
#navigation li ul li a {
	width:175px !important;
	padding:2px 5px;
	background-image:none !important;
	color:#000000;
}
html>body #navigation li ul li {
	width:173px !important;
}
html>body #navigation li ul li a {
	width:163px !important;
}
#navigation li ul li:hover a, 
#navigation li ul li.sfhover a, 
#navigation li ul li a:hover {
	background:#383431 url(../images/bg-navigation-li-li-a.gif) repeat-x left top !important;
	color:#FFFFFF;
}
#navigation p.icons {
	float:right;
	margin:0;
	padding:7px 0 0;
	height:28px;
	width:40px;
	margin-bottom:-28px;
	z-index:7;
	position:relative;
}
#navigation p.icons a, 
#navigation p.icons a img {
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la zone centrale */
/* -------------------------------------------------------------------------------------------- */

#global {
	padding:5px 2px;
}
#content h1,
#global h1 {
	font-size:18px;
	font-weight:bold;
	color:#383431;
	margin:0 0 10px;
	padding:5px 0;
	border-bottom:3px solid #FF9900;
}
#global h1.small {
	font-size:13px;
	font-weight:bold;
	color:#383431;
	margin:0 0 10px;
	padding:5px 0;
	border-bottom:3px solid #FF9900;
}
#global h3 {
	font-size:14px;
	font-weight:bold;
	color:#999999;
	margin:0;
	padding:5px;
}
#global p {
	margin:0;
	padding:5px;
}
#global a {
	color:#0066CC;
}
#global a:hover {
	color:#004487;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la colonne de gauche */
/* -------------------------------------------------------------------------------------------- */

#left-col {
	width:198px;
	float:left;
}
#left-col p.separateur {
	background:transparent url(../images/bg-p-separateur.gif) no-repeat center bottom; 
	padding-bottom:15px;
}
#left-col ul {
	margin:0 5px;
	padding:0;
}
#left-col ul li {
	padding:3px 0 3px 20px;
	background:transparent url(../images/left-li.gif) no-repeat 0 6px;
	list-style:none;
}
#left-col ul li.active {
	background:transparent url(../images/left-li-active.gif) no-repeat 0 6px;
}
#left-col ul li li li {
	background:transparent url(../images/left-li-li.gif) no-repeat 0 9px;
}
#left-col ul.folder li.new {
	background:transparent url(../images/ico-li-new.gif) no-repeat 0 6px;
}
#left-col ul.folder li.end {
	background:transparent url(../images/ico-li-end.gif) no-repeat 0 6px;
}
#left-col ul.folder li.open {
	background:transparent url(../images/ico-li-open.gif) no-repeat 0 6px;
}
#left-col a.popup {
	background:transparent url(../images/bg-a-popup.gif) no-repeat right top;
	padding-right:18px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la zone de contenu */
/* -------------------------------------------------------------------------------------------- */

#content {
	width:680px;
	padding:0 5px;
	float:right;
}
html>body #content {
	width:670px;
}

#content p {
	text-align:justify;
}
#content a {
	text-decoration:none;
}

#content fieldset {
	border-color:#D5DFE5;
	border-style:solid;
	border-width:1px;
	padding:5px;
	margin-bottom:5px;
}
#content legend {
	font-size:13px;
	font-weight:bold;
	padding:0 5px 0 0;
	color:#365267;
}
#content form, input, textarea {
	font-size:12px;
}
#content .submit {
	padding:5px;
}
#content table {
	font-size:12px;
}
#content th, 
#content td {
	font-size:12px;
	padding:5px;
}
#content table.data {
	margin:10px 0;
}
#content table.data th {
	background:#54A1AB url(../images/bg-th.gif) repeat-x left top;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:top;
	border-top:1px solid #40D0FF;
/*	border-bottom:1px solid #C0C0C0; */
}
#content table.data tr.row1 td {
/*	border-bottom:1px solid #5093A3; */
	background-color:#FAF9F5;
}
#content table.data tr.row2 td {
/*	border-bottom:1px solid #5093A3; */
}
#content #listing.data tr:hover td, 
#content #listing.data tr.sfhover td {
	background-color:#D6E6E9;
}
#content table.data tr.row2 td {
/*	border-bottom:1px solid #5093A3; */
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:#ECE9D8 url(../images/bg-foot.gif) no-repeat left top; 
	text-align:center;
	margin:0;
	padding:5px 0 0;
	font-size:10px;
}
#foot a {
	color:#C1BEB0;
	text-decoration:none;
}
#foot a:hover {
	color:#8A8982;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux NICETITLE */
/* -------------------------------------------------------------------------------------------- */

div.nicetitle {
	z-index:1000;
	position:absolute;
	overflow:hidden;
	width:auto;
	text-align:left;
}
div.nicetitle .text {
	color:#FFFFFF;
	font-weight:bold;
}

div.nicetitle div {
	background-color:#383431;
	padding:.6em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:.8em;
	color:#FFFFFF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
}
.left {
	text-align:left !important;
}
.right {
	text-align:right !important;
}
.center {
	text-align:center !important;
}