#titre{
	position : absolute;
	left : 30px;
	top : 130px;
	}



#chapo {
	position : absolute;
	width :190px;
	top : 200px;
	left : 20px;
	border-style :outset;
	border-width : 3px;
	border-color : #FFFF66;
	background-color : #336699;
	z-index :5;
	}		
	
	
#chapo .tete{
	font-family : "verdana";
	font-weight : "bold";
	font-size : 11px;
	color : #FFFF66;
	padding-top :4px;
	padding-left :4px;
	padding-right :4px;
	padding-bottom :0;
	text-decoration : none;
	background-color : #336699;
	}
	
#chapo p{
	font-family : "verdana";
	font-weight : "bold";
	font-size : 10px;
	color : #FFFFFF;
	padding-top :0;
	padding-left :4px;
	padding-right :4px;
	padding-bottom :4px;
	text-decoration : none;
	background-color : #336699;
	}	

#diagram1{
	position : absolute;
	top : 170px;
	left : 490px;
	}
	
#legende {
	position : absolute;
	width : 90px;
	top : 220px;
	left : 810px;
	background-color : #FFFFFF;
	z-index :5;
	}
	
#col1 {
	position : absolute;
	width : 210px;
	top : 174px;
	left : 250px;
	background-color : #FFFFFF;
	z-index :5;
	}		

	
#col1 h5{
	font-family : "verdana";
	font-weight : "bold";
	color : #006600;
	text-decoration : none;
	background-color : #FFFFFF;
	}
	
#col1 p{
	font-family : "verdana";
	font-weight : "normal";
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	background-color : #FFFFFF;
	}

#col1 a{
	font-family:"verdana";
	font-weight :"normal";
	font-size:11px;
	color:#000066;
	text-decoration: underline;
	background-color:#FFFFFF;
	}

#col1 a:hover{
	font-family:"verdana";
	font-weight:"normal";
	font-size:11px;
	color:#006600;
	text-decoration:none;
	background-color:#FFFFFF;
	}

#col1 .tete{
	font-family : "verdana";
	font-weight : "bold";
	font-size : 11px;
	color : #006600;
	text-decoration : none;
	background-color : #FFFFFF;
	}

#col2 {
	position : absolute;
	width : 210px;
	top : 414px;
	left : 490px;
	background-color : #FFFFFF;
	z-index :5;
	}		

	
#col2 h5{
	font-family : "verdana";
	color : #006600;
	text-decoration : none;
	background-color : #FFFFFF;
	}
	
#col2 p{
	font-family : "verdana";
	font-weight : "normal";
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	background-color : #FFFFFF;
	}


	
#diagram2{
	position : absolute;
	top : 190px;
	left : 30px;
	}	

#free-trial1 {
	position:absolute;
	top:420px;
	left:720px;
	width:200px;
	}
  
#free-trial2{
	position: absolute;
	left :20px;
	top : 420px;

width : 200px;
	}
  

#col3 {
	position : absolute;
	width : 210px;
	top : 130px;
	left : 250px;
	background-color : #FFFFFF;
	z-index :5;
	}	
	
#col3 h5{
	font-family : "verdana";
	color : #006600;
	text-decoration : none;
	background-color : #FFFFFF;
	}
	
#col3 p{
	font-family : "verdana";
	font-weight : "normal";
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	background-color : #FFFFFF;
	}
	
#col3 a{
	font-family :"verdana";
	font-weight :normal;
	font-size:11px;
	color:#000066;
	text-decoration:underline;
	background-color:#FFFFFF;
	}

#col3 a:hover {
	font-family:"verdana";
	font-weight : normal;
	font-size:11px;
	color:#006600;
	text-decoration:none;
	background-color:#FFFFFF;
	}


#hline{
	position : absolute;
	top : 140px;
	left : 480px;
	width : 2px;
	height : 370 px;
	background-color : #006600;
	}	

#col4 {
	position : absolute;
	width : 380px;
	top : 130px;
	left : 520px;
	background-color : #FFFFFF;
	z-index :5;
	}
	
#col4 .h9{
	font-family : "verdana";
	font-weight : "bold";
	font-size : 11px;
	color : #006600;
	text-decoration : none;
	background-color : #FFFFFF;
	}
	
#col4 li{
	font-family : "verdana";
	font-weight : "normal";
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	background-color : #FFFFFF;
	}

		

	
#legende h5{
	font-family : "verdana";
	color : #006600;
	text-decoration : none;
	background-color : #FFFFFF;
	}
	
#legende p{
	font-family : "verdana";
	font-weight : "bold";
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	background-color : #FFFFFF;
	}
		

#previous{
	position : absolute;
	top :490px;
	left : 20px;
	}
	
#next{
	position : absolute;
	top :490px;
	left : 880px;
	}