#text

{line-height:1.2em;
font-size:0.9em;
text-align:left;
font-family: 'PT Sans Narrow', sans-serif;
padding-left:110px;
padding-right:170px;
padding-bottom:0px;
z-index:3
}

.text1

{line-height:1.4em;
font-size:0.65em;
color:#222526;
text-align:justify;
font-family: 'PT Sans Narrow', sans-serif;
padding-left:110px;
padding-right:170px;
padding-bottom:5px;
z-index:3
}

#image 

{z-index:-9999;
}

#intro {
position:absolute;
top:430px;
left:400px;
z-index:2;
  background: #fff;
  border:4px solid black;
  font-size:1.5em;
  font-weight:bold;
  color:black;
  padding:10px;
  font-family: 'PT Sans Narrow', sans-serif
	
}

#graph

{

width:800px;
left:10px;
z-index:100
}
#titre {
	  color:#000000;
        margin-top:20px;
		text-align:left;
		margin-left:110px;
        padding-bottom: 0.0em;
       font-family: 'PT Sans Narrow', sans-serif;
        font-weight: bold;
        font-size: 225%;
		margin-bottom:20px;
}
#iframce {
z-index:99999999999999999999999999999999999999999999999999999999;
}

#test1{
position:relative;
left:200px;
top:50px;
z-index:9999999999999999999999999999;
border:1px solid white;
  background-color: #e2003c;
  font-size:2em;
  font-weight:bold;
  color:#ffffff;
  padding:15px;
  margin:15px;
  font-family: 'PT Sans Narrow', sans-serif;
  -webkit-border-radius:8px;
	
	
}

#test2{
position:relative;
left:200px;
top:50px;
z-index:9999999999999999999999999999;
border:1px dotted white;
  background-color: #e2003c;
  font-size:3em;
  font-weight:bold;
  color:#ffffff;
  padding:15px;
  margin:15px;
  font-family: 'PT Sans Narrow', sans-serif;
  -webkit-border-radius:8px;
	
}



.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

/*
.skrollable.unrendered {
	display:none !important;
}
*/

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}


.legende

{
position:relative;
top:-80px;
left:20px;

color:#ffffff;
font-size:0.65em;
font-weight:none;

font-family: 'PT Sans Narrow', sans-serif;
text-align:left;
line-height:120%;
padding:5px;
}

.legende2
{
position:relative;
top:-65px;
left:20px;

color:#ffffff;
font-size:0.65em;
font-weight:none;

font-family: 'PT Sans Narrow', sans-serif;
text-align:left;
line-height:120%;
padding:5px;
}

.legende1

{
position:relative;
top:-80px;
left:120px;

color:#ffffff;
font-size:0.65em;
font-weight:none;

font-family: 'PT Sans Narrow', sans-serif;
text-align:left;
line-height:120%;
padding:5px;
}