<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>text_css</title>
	<style>
</head>	
<style>

body
{
width: 100%;
margin-top:10px;
margin-bottom:10px;
}

div.header
{
height:100px;
margin-top:10px;
text-align:center;
}

div.menu {
	width:100%;
	font-family:Helvetica, sans-serif;
	font-size : 11px;
	background-color:#f0dc70;
	text-align:center;
	letter-spacing:1px;
word-spacing:10px;
	
}
div.top
{	color:DarkRed;
	font-size : 15px;
	font-weight:bold;
	margin-left:27px;
	letter-spacing:1px;
}
div.colonne1{
width:50%;}
div.colonne2 {
width:30%;
float:none;
position: absolute;
top:150px;
right:10px;
}

div.colonne3{
width:180px;
text-align:center;
float:none;
position: absolute;
top:140px;
right:70px;
}

div.col1
{
width:50%;
text-align:justify;
top:140px;
right:10px;
float:none;
}
div.col2
{width:50%;
top:140px;
right:-50px;
float:none;
position: absolute;}

div.options{
margin-left:35%}

div.progr
{width:35%;
height:100%;
top:40px;
left:25px; 
float:none;
border-right: 2px dashed darkGoldenrod;
line-height: 1.5;
font-family:Tahoma, Verdana, sans-serif;
font-weight:bolder;
font-size: 0.9em;
color: Teal}

}

div.option
	{
	width: 250 px;
	text-align: justify;
	padding: 15px;
	position:absolute;
	left:45%;
	
	}
p:first-letter
{
float:left;

font:2.2em fantasy;
color:#93ae46;
padding-right:1px;
overflow:auto;
}
p.fran
	{
	width:200px;
	text-align: justify;
	border-top: 2px dashed green;
	border-bottom: 2px dashed green;
	padding: 15px;
	position:absolute;
	left:35px;
	top:130px;
	background-color:WhiteSmoke;
	color:#513197;
	}
	
p.angl
	{
	width: 200 px;
	text-align: justify;
	border-top: 2px dashed SaddleBrown;
	border-bottom: 2px dashed SaddleBrown;
	padding: 15px;
	position:absolute;
	left:75%;
	top:130px;
	right:35px;
	background-color:AntiqueWhite;
	color:#a17034;
	}
	

h1
{
color:#0f830d;
letter-spacing:2px;
font-variant:small-caps;
font-family:fantasy;
}
h3{
letter-spacing:3px;
text-align: center;
font-family:Tahoma,Sylfaen, sans-serif;}

h4{letter-spacing: 1.5px;
font-family:Tahoma, sans-serif;
font-variant:small-caps;
color:DarkGoldenrod;}
h5{
letter-spacing:1.5px;
font-family:Tahoma,Sylfaen, sans-serif;
text-indent:35%}

a {
color:#3300cc;
text-decoration: none;
font-weight:bold;
}
span
{
font-variant:small-caps;
letter-spacing:2px;
}
img.ens {
width:180px;
align:center;}

iframe {
	border : none;
	position:absolute;
	left:37%;
	top:120px;
	right:10px;
	width:65%;
	height:100%;
	
} 

</style>	