/*style insitu expo et preview */
body {
margin: 10px 10px ;/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
padding: 0 ;/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
text-align: center ;/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
background-color: #FFFFFF;
}
h1 {
text-indent: 0.1em;
text-align: left;
border-bottom-width: 1px;
border-bottom-color: #999999;
border-bottom-style: solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 27px;
font-weight: 400;
color: #696969;
padding-bottom: 0.5em;
letter-spacing: 0.1em;
margin-left: 0.5em;
margin-bottom: 1em;
margin-top: 1.5em;
}
h2 {
letter-spacing: 0.1em;
text-align: center;
font-size: 1.5em;
font-weight: 400;

}
h3 {
text-align: left;
font-size: 1em;
margin-top: 2.5em;
margin-left: 1em;
margin: 1em;
color: #3a3737;
font-weight: 300;}
h4 {
text-align: left;
font-size: 0.8em;
text-indent: 4.4em;
margin-top: 4em;
color: #696969;
text-decoration: underline;}

p {
	text-indent: 0em;
	font-size: 8pt;
}
b {
margin-top:1em;
margin-left: 1em;
font-size: 8pt;

}
a {
color:	black;
text-decoration: none;
font-size: 8pt; 
}
a:hover {
color:black;
}
a:link {
color: black;
font-size: 8pt;
}
a:visited {
color: #999999
}
img {
margin: 0.7em;
} 
small {
font-size: 7pt;
color: #999999;

}
div#conteneur
{
width: 90% ;/* la largeur de l'ensemble de la page */
margin-left: 1.5em;
margin-bottom: 3em;
text-align: left ;/* Il faut rétablir l'alignement à gauche que nous avons changé dans body */
}
div#intro
{
margin-top: 2.5em;
margin-right: 2.5em;
margin-left: 2.5em;
}
div#titre
{
width: 98%;
margin-left:1em;
margin-top: 3.4em;
margin-bottom: 2em;
margin-right: 1em;
}

div#langue {
align: right;
text-align: right;
margin-bottom:5px;
margin-left:1em;
margin-top:2px;
}

div#paragraph
{
margin-top: 2.5em;
margin-right: 2em;
margin-left: 1.5em;/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
width: 88 %;
text-align: left;
}
div#paragraphencolone
{
margin-top: 1em;
margin-right: 2em;
margin-left: 2em;/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
width: 80%;
text-align: left;
}
div#imageencolone {
width: 20%;
align: left;
}
div#langue {
height: 50px;
width: 90%;
}
.hautgauche {
	float: left;
	margin-left: 5em;
}
.hautdroite {
	float: left;
	margin-left: 4em;
} 
.basgauche {
	float: left;
	margin-top: 4em;
	margin-left: 5em;
} 
.basdroite {
	float: left;
	margin-top: 4em;
	margin-left: 4em;
{
pre {
overflow: auto ;
width: 400px ;
left: 1em;
right: 1em;
}