/* IWEPS Plan Marshall CSS Document */
/* global styles */

body {
	margin:0;
	padding:0;
	width:100%;}
td, th, input, p, li, dt, dl, caption, blockquote, textarea, select, option, h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
td, th {
	vertical-align:top;
}
img {
	border:0;
	padding:0;
	margin:0;
}
textarea {
	background-color:#F9F9F9;
	border-top:1px solid #AAA;
	border-right:1px solid #EEE;
	border-bottom:1px solid #EEE;
	border-left:1px solid #AAA;
}
.button {
	color:#FFF;
	background-color:#2497BC;
	border-bottom:2px outset #3F9175;
	border-right:2px outset #3F9175;
	border-left:2px outset White;
	border-top:2px outset White;
	padding:5px;
}

/* special styles */

.blue {
	color:#009BC9;
}

/* main divs - global layout */

#entete {
	position:relative;
	margin:0;
	padding:0;
	background-color:#FFF;
	border-bottom:1px solid #9A9A9A;
	height:49px;
	vertical-align:middle;
}
#logInfo {
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	height:27px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #9A9A9A;
}
#structure, #echeance {
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	background-image:url(fond_structure.gif);
	background-position:top left;
	background-repeat:repeat;
	background-color:#FFF;
	border-bottom:1px solid #9A9A9A;
}
#corps {
	margin:13px;
	padding:0;
}


/* header */

#entete h1 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0 0 0 60px;
	padding:10px 0 0 0;
}

/* login informations & logout */

#logInfo h2 {
	font-size:11px;
	line-height:20px;
	margin:0 0 0 12px;
	padding:3px 0 0 0;
	font-weight:normal;
	color:#6E6E6E;
}
#login {
	display:block;
	padding:0;
	margin:2px 0;
	float:right;
	clear:none;
}
#login p {
	padding:0;
	margin:0;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
}
#login p a, #login p a:visited {
	display:block;
	padding:0 0 0 12px;
	margin:0;
	font-size:11px;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	width:141px;
	height:22px;
	line-height:20px;
	background-image:url(fond_bouton.gif);
	background-position:center;
	background-repeat:no-repeat;
}
#login p a:hover {
	background-image:url(fond_bouton_down.gif);
	color:#FF4F4F
}

/* breadcrumb navigation */

#structure p {
	padding:10px 0 10px 0;
	margin:0 0 0 12px;
	color:#6E6E6E;
}
#structure p a, #structure p a:visited {
	color:#6E6E6E;
	font-weight:bold;
}
#structure p a:hover {
	text-decoration:none;
	color:#FF4F4F;
}
#echeance {
	height:45px;	
}
#echeance #date {
	float:right;
	width:220px;
	margin:0;
	padding:5px;
	background-image:url(fond_dateEcheance.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#6E6E6E;
	font-weight:bold;
}
#echeance #date p {
	text-align:right;
	font-size:10px;
	margin:0;
	padding:0;
}

/* main body */

table#gestion {
	background-color:#F1F0F0;
	border:1px solid #9B9999;
	width:100%;
}
td#rubriques {
	width:0px;
	display:none;	
}
td#rubriques ul {
	color:#000;
	list-style-type:none;
}
td#rubriques ul.niv1 {
	margin:1px 0 20px 2px;
	padding:1px 0 1px 2px;
}
td#rubriques ul.niv2 {
	margin:6px 0 6px 0;
	padding:0 0 0 15px;
}
td#rubriques ul.niv3 {
	margin:6px 0 0 0;
	padding:0 0 0 29px;
}
td#rubriques ul.niv1 li {
	padding:0;
	margin:3px 1px 13px 1px;
	line-height:1.1em;
}
td#rubriques ul.niv1 li ul.niv2 li {
	padding:2px 0 1px 0;
	margin:1px 0 2px 0;
	line-height:1.1em;
}
td#rubriques ul.niv1 li ul.niv2 li ul.niv3 li {
	padding:1px 0 1px 0;
	margin:3px 0 2px 0;
	line-height:1.1em;
}
td#rubriques ul a, td#rubriques ul a:visited {
	color:#000;
	text-decoration:none;
}
td#rubriques ul a:hover {
	color:#FF4F4F;
	text-decoration:underline;
}
td#fiches {
	padding:10px;
	width:100%;
}
td#fiches table {
	background-color:#FFF;
	border-collapse:separate;
	border-spacing:0px;
}
td.fiche table th, td.fiche table td {
	background-color:#FFF !important;
	border-right-color:#DEDEDE !important;
	border-bottom-color:#DEDEDE !important;
	font-size:11px !important;
	padding:6px 4px;
}
td.fiche table th {
	font-weight:bold !important;
}
td.fiche table th.fondGris, td.fiche table td.fondGris {
	background-color:#F1F0F0 !important;
}
td#fiches table th {
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #9B9999;
	border-bottom:1px solid #9B9999;
	background-color:#DCDCDC;
	font-size:10px;
	font-weight:normal;
	text-align:left;
}
td#fiches table th.enteteFiche {

	background-color:#999 !important;
	color:#FFF;
	border-top:1px solid #FFF;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
td.fiches table th {
	background-color:#FFF;
}
.centered {
	text-align:center;
	padding:15px;
}
.enteteCol {
	display:block;
	/*white-space:nowrap;*/
	padding:0;
	margin:1px 0;
	float:left;
	clear:none;
}
.tri {
	display:block;
	padding:0;
	margin:1px 0;
	float:right;
	clear:none;
}
.tri img {
	border:none;
}
td#fiches table td {
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}
td#fiches table th.num {
	width:30px;
}
td#fiches table td.action {
	height:66px;
	font-size:10px;
	vertical-align:bottom !important;
	padding-bottom:18px;
}
td#fiches table th.triCourant {
	background-color:#999;
	color:#FFF;
	border-top:1px solid #FFF;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
td#fiches a, td#fiches a:visited {
	color:#000;
}
td#fiches a:hover {
	color:#FF4F4F;
}

/* tooltips for jscript */

.tooltip 
{
    visibility: hidden; 
    position: absolute; 
	width:400px;
    top: 0;  
    left: 0; 
    z-index: 2; 
    padding: 3px; 
    border: solid 1px;
	background-repeat: repeat;  
    background-image: url(transparent.png); 
}
/* ---------------------onglets -------------------------------- */



table.FormTablePane {
margin:5px;
background-color:#FFFFFF;
border-left: 1px solid #999999!important;
border-bottom: 1px solid #999999!important;
border-right: 1px solid #999999!important;}
th.onglet_selected {
background-color:#FFFFFF !important; 
border-bottom: 0 !important;
border-top: 0 !important;
border-right: 0 !important;
border-left: 1px solid #999999!important;
padding: 0 !important;
background-image:url(/style/extranet/fond-onglet-select.gif);
background-position:top right;
background-repeat:no-repeat;
}
th.onglet_selected input {
background-color:#FFFFFF;
border:0;
margin:7px 4px 0 3px;
padding:0 0 0 0!important;}
th.onglet_no_selected {
background-color:#ccc !important; 
border:0  !important;
background-image:url(/style/extranet/fond-onglet-no-select.gif);
background-position:top right;
background-repeat:no-repeat;
padding:0 !important;
}
th.onglet_no_selected input {
background-color:#ccc;
border:0;
padding:0 0 0 0 !important;
margin:7px 4px 0 3px;}


/*Dans les th il y a des boutons avec les mêmes class.*/

/* ------Sur les champs de type text ou textarea ----------- */

/* --champ obligatoire rempli --*/
.formRequiredOk {}
/* --champ obligatoire vide --*/
.formRequired {
border-color:#FEBD69;}
/* -- champ mal encodé ----*/
.errorMask {
border-color:#FF0000;}
/* ---nombre encodé n'est pas repris dans le bon intervalle -- */
.errorIntervalle {
border:1 px dashed #FF0000;}

/* ---tableaux qui représente des listes que l'on peut remplir--*/ 

table.FormAutoTable {}

/* fieldset qui sont un encadré sur un groupe d'élément - titre.*/
fieldset {
padding:10px 5px;}
.legend {
font-size:120%;}


input.bouton {
/*background-color:#2497BC;
color:#FFFFFF;
padding:3px !important;
*/
color:#FFF;
	background-color:#2497BC;
	border-bottom:2px outset #3F9175;
	border-right:2px outset #3F9175;
	border-left:2px outset White;
	border-top:2px outset White;
	padding:3px;
}