@charset "utf-8";

/**
 * $Id: stylesheet_rose.css 7153 2011-03-18 07:32:50Z hotdog $
 * $HeadURL: svn://server/Alfred-Poppins/branches/full-planning2/Alfred-Poppins/web/stylesheet_rose.css $
 *
 * Description:
 */

body {
	background-color: #f58ac3;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #625860;
}

p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: justify;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

h1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #343434;
	font-size: 20px;
	font-weight: bold;
}

h1.h1 {
	font-size: 14px;
}

img {
	border: none;
}

a {
	text-decoration: none;
}




/* MISE EN FORME */

.section {
	font-weight: bold;
	font-size: 16px;
}

.titre {
	font-weight: bold;
	font-size: 14px;
}

.libelle {
	font-weight: bold;
}

.contenu {
	font-weight: normal;
}

.famille_selected {
	 border-top: 1px solid #c4c4c4;
	 border-bottom: 1px solid #c4c4c4;
	 background-color: #e7e6e6;
}


.recherche_top {
	border: none;
	background-color: #ef98cb;
	height: 13px;
	padding: 3px 5px 3px 5px;
	color: #FFFFFF;
	margin-top: 5px;
	width: 174px;
}

.bg_menu {
	background-color: #f79dd0;
}

.input_footer {
	border: none;
	background-color: #ef98cb;
	height: 15px;
	padding: 3px 5px 3px 5px;
	color: #FFFFFF;
	margin-top: 5px;
	font-size: 10px;
	width: 200px;
}



/* FORMULAIRE */

.form_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 250px;
}

.form_input_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 220px;
}

.form_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.form_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 90%;
}

.red_star {
	color: #FF0000;
}

.alert {
	visibility: hidden;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}

.alert_on {
	visibility: visible;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}

.hidden_div {
	padding: 0 0 0 0;
	display: none;
	visibility: hidden;
}

.displayed_div {
	padding: 5px 0 5px 0;
	display: block;
	visibility: visible;
}

.menu_client {
	padding-left: 20px;
}


.menu_client_selected {
	padding-left: 20px;
	background-color: #8dbc2e;
	font-weight: bold;
	color: #FFFFFF;
}

.menu_client_deploy {
	padding-left: 20px;
	background-color: #e1e3e2;
}


.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-size: 11px;
	color: #000000;
    background-color: #f79dd0;
	width: 300px;
}

h2 {
margin:0px;
padding:0px;
font-size:14px;
}

#jDialogOverlay {
	background:#000;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index:1000;
	display:none;
}

#jDialogProgressBar {
	position:fixed; 
	display:block; 
	top: 10px; 
	left:20px; 
	width:220px;
	height:19px;
	display:none; 
	z-index:900000;
}

.DialogContainer{
	background:#1C3E61;
	text-align:left;
	width:510px;
	float:left;
	position:relative;
	padding:6px 0;
	z-index:1001;
	display:none;
}
.DialogContainer{
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.DialogTitleContainer{
	padding:6px 12px;
}
.DialogTitle{
	font-size:12pt;
	font-weight:bold;
}
.DialogTitle span{
	font-size:18px;	
}
.DialogControl a{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}
.DialogControl a:hover{
	color:#ff9900;
}
.DialogControl a img{
	vertical-align:top;
}
.DialogPane{
	float:left;
	display:inline;
}
.ErrorMsg{
	font-weight:bold;
	font-size:13px;
	padding:0 12px 70px;
	color:#666;
}
.MainPane{
	width:100%;
}
.ChartWrapper{
	margin:0 6px 6px;
	display:inline;
	background:#F7F7F7 url(images/box_bg.gif) repeat-y left top;
	float:left;
	width:495px;
}
.ChartTitleWapper{
	background:url(images/box_tl.gif) no-repeat left top;
}
.ChartTitle{
	color:#555;
	font-size:14px;
	font-weight:bold;
	padding:5px 8px 15px;
	background:url(images/box_tr.gif) no-repeat right top;
}
.ChartTitle a {
	color:#555;
	text-decoration:underline;
}
.Charts{
	margin:0;
	padding:0 0 8px 0;
	float:left;
	list-style-type:none;
}
.Charts li{
	display:inline;
	float:left;
	width:114px;
	vertical-align:middle;
	text-align:center;
	margin:0 3px;
	font-weight:bold;
	color:#666666;
}
.Charts li .Period{
	color:#ADADAD;
}
.Legends{	
	margin:0 0 0 20px;
	padding:0;
	list-style-type:none;
}
.Legends li{
	display:inline;
	color:#1C3E61;
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:0 10px 6px 8px;
}
.ChartFooter{
	float:left;
	background:url(images/box_bottom.gif) no-repeat left bottom;
	height:10px;
	width:495px;
}
.ChartBody {
/*	line-height:3em;*/
padding:0 15px 15px 20px;
color:#333;
font-weight:bold;
font-size:14px;
}

.ChartBody *{
color:#333;
}

.ChartBody .ChartTable {
height: 200px;
overflow: auto;
overflow-x: hidden;
}

.ChartBody .ChartTable th{
background:#888;
color:#FFF;
border:#808080 1px solid;
font: 14px Tahoma;
font-weight:bold;
text-align:center;
}
.ChartBody .ChartTable tr td{
background:#EEE;
border:#DFDFDF 1px solid;
}

.ChartBody .ChartTable tr td.DialogSelected {
background:#FFCCCC;
}

.ChartBody .ChartTable tr.odd td{
background:#EAEAEA;
border:#DDD 1px solid;
}

.buttonRow {
text-align:center;
}

.SidePane{
	float:right;
	width:130px;
}
.DescTitle{
	font-weight:bold;
	font-size:22px;
	font-family:Helvetica, Arial, sans-serif;
}
.DescWrapper{
	margin:6px 12px 6px 0;
	display:inline;
}
.DescWrapper a{
	color:#888;
	text-decoration:underline;
}
.DialogControl{
	float:right;
	cursor:pointer;
	display:inline;
}
.DialogAction{
	padding:10px;
	text-align:center;
}
