body {
	/* font-family:Nilland,Arial; */
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
}
h1, h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
	color:#a47764;
}
table {
    border-collapse: collapse;
}
td {
	padding: 10px;
}
th {
	background-color:#555555;
	color:#FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
}
tr:hover {background-color: #f5f5f5;}

A {text-decoration: none;}

@font-face {
	font-family: "Nilland";
	src: url('/css/Nilland.ttf');
}
.titre {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  border: none;
  font: normal 40px/normal "Nilland", Helvetica, sans-serif;
  color: rgb(112, 112, 112);
  text-align: left;
  text-transform: uppercase;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 5px;
  //text-shadow: 4px 4px 0 rgb(238,238,238) , 6px 6px 0 rgb(112,112,112) ;	
}
.tot1 {
	font-weight:bold;
	background-color:#DDDDDD;
}
.tot2 {
	font-weight:bold;
	background-color:#BBBBBB;
}
.tot3 {
	font-weight:bold;
	background-color:#999999;
}
.baisse {
	background-color:#FF9999;
}
.hausse {
	background-color:#99FF99;
}
.label_C {
	color:#FFFFFF;
	background-color:#553333;
	font-weight:bold;
}
.label_M {
	color:#FFFFFF;
	background-color:#335533;
	font-weight:bold;
}
.paveA1 {
	width:100px;
	height:120px;
	background-color:#0B0B3B;
	font-weight:bold;
	color:white;
	text-align:center;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
	-moz-border-radius:15px;
	-webkit-border-radius:15px;	
	padding-top: 2px;
}
.paveA2 {
	width:100px;
	height:120px;
	background-color:#898989;
	font-weight:bold;
	color:white;
	text-align:center;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3) ;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;	
	padding-top: 2px;
}
.indic {
	font-size:14pt;
	font-weight:bold;
}
.valeur {
	font-size:24pt;
}
.ip_neutre {
	background-color:#FFFFFF;
	color:#000000;
	border-style:solid;
	border-color:#AAAAAA;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
}
.ip_pos {
	background-color:#99FF99;
	color:#000000;
	border-style:solid;
	border-color:#AAAAAA;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
}
.ip_neg {
	background-color:#FF9999;
	color:#000000;
	border-style:solid;
	border-color:#AAAAAA;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
}
.infobulle {
  position: relative;  /* les .infobulle deviennent référents */
  cursor: help;
}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle:hover::after,
.infobulle:focus::after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  // top: -2.4em;
  // left: 5em;  
  top: -20px;
  left: 0px;
  background-color:#555599;
  color:#FFFFFF;
  padding-left: 3px;
  padding-right: 3px;
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /* on interdit le retour à la ligne */
}
.surtitre {
	font-size:36pt;
	text-align:center;
	font-weight:bolder;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
.bandeau {
	width:100%;
	background-color:#AAAAFF;
	text-align:center;
}
.analyse {
	font-size:14pt;
	font-weight:bold;
	text-align:left;
	background-color:#BBBBFF;
	width:100%;
	padding-left:10px;
}
.td_ent,.td_eur,.td_pct {
	text-align:right;
}
.td_txt {
	text-align:left;
}
.td_back_red {
	background-color:#FFBBBB;
}
.td_back_green {
	background-color:#BBFFBB;
}
caption {
	font-style: italic;
}
.soustitre {
	font-size:14pt;
	font-weight:bold;
	text-align:left;
	background-color:#BBBBFF;
	width:100%;
	padding-left:10px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;	
}
.soustitre2 {
	font-size:11pt;
	font-weight:bold;
	text-align:left;
	background-color:#BBBBFF;
	width:100%;
	padding-left:10px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;	
}
.precision {
	font-size:10pt;
	font-style:italic;
	color:#55555;
	text-align:right;
}
@font-face {
	font-family: "Swagger";
	src: url('/css/Swagger.ttf');
}
.references {
	font-size:8pt;
	color:grey;
	text-align:left;
}
.commentaire {
	font-family:Swagger,Arial;
	font-size:16pt;
	background-color:lightyellow;
	width:100%;
	text-align:justify;
}