#texte
{
padding: 0 2em 58px 2em;
width: 500px;
float: left;
}

#textelarge
{
padding: 0 2em 58px 2em;

float: left;
}


#textelarge:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#texte:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}


#illustration
{
padding-top: 50px;
text-align:center;
float:right;
width:300px;
color: white;
}
#illustration:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}


#flashContent {
		
		vertical-align:top;
		padding-top: 0;
		padding-left: 35px;
		width: 90%;
		height: 510px;	
}




/*
-------------------------
FORMATTAGE DU TEXTE
-------------------------
*/


h1
{ 
color: white;
background-color: black;
text-align:left;
padding-bottom: 30px;
}

h2
{ 

background-color: black;
text-align:left;
padding-bottom: 30px;
font-size: 2em;
font-weight: normal;
letter-spacing: 0.05em;
color: #ccc;
}

h3
{ 
color: white;
background-color: black;
text-align:left;
}

h4
{ 

color: white;
background-color: black;
text-align:left;
}

p
{
text-indent: 50px;
text-align: justify;
font-size: 12pt;
padding-left: 10px;
padding-bottom: 20px;
color:white;

}

a {color: #a77;}
a:visited {color: #a77;}
a:active, a:hover {color:#f00;}

form
{
padding-left: 10px;
color:white;
width:500px;
}


li
{
margin-left: 4em;
}