body { background: #FFF url('background.jpg'); font-family: Arial; font-size: 12px; margin: 0; padding: 0; width: 100%; }

h1 { background-color: #FFECCE; border : 1px solid #F90; font-size: 20px; margin-bottom: 1em; margin-top: 0; padding: 5px; }
h2 { border : 1px solid #F90; font-size: 18px;  margin: 1em 0; padding: 5px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5, h6 { font-size: 12px; font-weight: bold; }

#left h4 { background: #FFF; border :1px solid #7CBBC4; color: #00acc1; padding-left: 5px; }
#right h4 { background: #FFCACA; border :1px solid #E00; padding-left: 5px; }

hr { clear:both; visibility:hidden; }
p { margin: 0.5em 0; }
a { color: #000; }
    a img { border: 0; vertical-align: middle; }

form { margin: 0; }
    label { float: left; font-weight: bold; padding-right: 15px; text-align: right; width: 150px; }
    input, textarea { background: #fcfcfc; border: solid 1px #CCC; color: #666; font-weight: bold; }
    input { border: solid 1px #CCC; color: #999; font-weight : bold; }
    input.submit { background-color: #7CBBC4; border: 1px solid #333; color: #FFF; font-weight: bold; margin-top:4px; padding: 1px;  }
    input.submit:hover { background-color: #FFF; border: 1px solid #7CBBC4; color: #7CBBC4; cursor: pointer; }
    textarea { height: 100px; width: 400px; }

#header p { background-color: #D6DDE0; border: 0px; font-size: 12px; margin: 0; padding: 2px; width: 700px; }
    #application_logo { display: block; float: left; }
    #application_titre { color: #FFF; font-size: 16px; font-weight: bold; margin: 10px 0; }

#boder { background:white url(gauche.jpg) top left repeat-y; margin: 0; padding: 0; }
#middle { margin: 0 150px; padding: 10px; }

#left { background: url("gauche_haut.jpg") top right no-repeat; float: left; margin: 0; padding: 10px; width: 130px; }
    #left ul { background-color:#7CBBC4; border-left :1px dotted #FFF; list-style-type: none; margin: 0px; padding: 0px 0px 1px 5px; }
	   #left li { padding-left: 5px; }
		  #left li a { color: #FFF; font-weight: bold; line-height: 11px; }

#right { float: right; margin: 0; padding: 10px; width: 130px; }
    #right ul { border-left: 1px dotted #E00; font-weight: bold; list-style-type: none; margin: 0px; padding-left: 5px; }
	   #right li { padding-left:5px; }
		  #right li a{ background: #fff; color:#600; margin:0px; padding:1px 0px 0px 0px; }

#erreur, #tada { color: #FFF; font-weight: bold; padding: 5px; text-align: center; }
    #erreur { background: #C00 url(erreur.gif) top left repeat-x; }
    #tada { background: #090 url(tada.gif) top left repeat-x; }

.overauto{ overflow: auto; }
* html #middle {height: 1%;}

.wh a, .wh a:visited{
	font-weight:normal;
	text-decoration:none;
	border-left:0.5em solid #95D8E1; 
	padding-left:5px;
	color:#000000;
	font-weight:bold;
	background-color:#7CBBC4;
	display:block;
}

.wh a:hover{
	font-weight:bold;		
	border-left:0.5em solid #7ed4e1;
	background-color:#FFF;
	padding-left:5px; 
}

.def a, .def a:visited{
	font-weight:normal;
	text-decoration:none;
	border-left:0.5em solid #FFF; 
	padding-left:5px;
	display:block;
}

.def a:hover{
	font-weight:bold;		
	border-left:0.5em solid #FFCACA;
	padding-left:5px; 
}

table, .breath{
	padding:0px;
	background:#E3E3E3;
	margin-bottom: 5px;
}

td, .breath td{
	padding: 0px 0 3px 0;
	margin:0;
	background:#FFF;
	border:1px #FFF solid;
	text-align:center;
}

th, .breath th{
	padding: 3px 3px;
	margin:0;
	background:#F3F3F3;
}

.annee{
	font-weight: bold;
	font-size: 20px;
}



a.info span { display: none; }

a.info:hover,a.info:focus,a.info:active {
	background: none; /* correction d'un bug IE */
}

a.info:hover span,a.info:focus span,a.info:active span {
	display: inline;
	position: absolute;
	font-weight:normal;
	z-index: 500;
	text-decoration:none;
	margin:2em 0 0 1em;
	background: #FCFCFC;
	color: black;
	padding: 3px;
	border: 1px #CCCCCC solid;
	width:150px;
}

.indicateur{
	font-weight:bold;
	font-size:120%;
}

.ratio_light{
	background :#F6F6F6;
	line-height: 1.1;
	margin-bottom: 15px;
	padding: 5px;
}

.ratio_dark{
	background :#ECECEC;
	line-height: 1.1;
	margin-bottom:15px;
	padding: 5px;
}

.numerateur { border-bottom : 1px #999 solid; margin: 0; text-align:center; }
.denominateur { margin: 0; text-align:center; }

a.but:link,a.but:visited,a.but:active{
	color: #666;
	font-size:10px;
	padding:2px;
	background: #FFF;
	text-decoration : none ;
}

a.but:hover { background: #999; color : #FFF; }
a.tabsynthese { text-decoration : none; }

.encours{
  font-weight : bold;
  border: solid 2px #C00;
  color : #CC0000;
  padding : 1px;
  margin : 3px;
}

.note { color: #333; font-size: 10px; }
.attention { color: #F00; }
.demi { float: left; width: 48%; }

.subnav { line-height: 42px; margin: 1em 0; }
    .subnav a{ background: #FFF; border: 1px solid #CCC; padding: 5px; margin-right: 1em; text-decoration: none; }
    .subnav a:hover{ background: #e6e6e6; }

.l, td.l {text-align: left; }
.r {text-align: right; }

.small { font-size: 10px; }
/*.overlarge { overflow: auto; padding: 0; width: auto !important; width: 600px; }*/
.overlarge { overflow: auto; padding: 0; width: auto !important; width: 100%; }
.overchartdir {width:100%;height:370px;}
.former { margin-bottom: 1em; }


#tableauDeBordContainer{
	overflow:auto;
}

#tableauDeBord td{
	padding:0;
}
#tableauDeBord a{
	text-decoration:none;
	font-weight: bold;
}
#tableauDeBord a:hover{
	color: slategray;
}



#rapport_technique{
	text-align:center;
}
#rapport_technique_table{
	width:100%;
	background-color: white;
	font-size:14px;
}
#rapport_technique_table td.rt_metier{
	width:50%; 
}
#rapport_technique #donnees_generales{
	border: 1px solid lightgrey;
}
#rapport_technique #donnees_generales table{
	width:100%;
	border-collapse: collapse;
}
#rapport_technique table tbody{
	border-top:5px solid white;
}

.rt_metier{
	vertical-align: top;
		border: 1px solid lightgrey;
	
	}
.rt_metier table{
	width:100%;
	border-collapse: collapse;
}

.rt_metier_vide{
}
#rapport_technique table{
	
	}
#rapport_technique table th{
	
	
}
#rapport_technique table td{

}
#rapport_technique table table td{

}
#rapport_technique td.value{
	color:navy;
	text-align:left;
	padding-left:20px;
	
    vertical-align: top;
	}
#rapport_technique .label {
	width:45%;
    vertical-align: top;
    text-align: right;
    font-weight:bold;
}
#rapport_technique .titre_metier{
	
	width:100%;
	text-align: center;
	text-transform: uppercase;
	font-size:16px;
	font-family: Arial;
	font-weight:bold;
	border:1px solid lightgrey;
	background-color: lightgrey;
	vertical-align: middle;
	height:28px;
	
}