@charset "";
pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


body
{
	margin: 0px 0;
	text-align: left;
	background: #fff;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

div#conteneur
{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border: 0px solid #ab4;
	background: #fff;
	line-height: 12pt;
	font-size: 1em;
	
	
}
div#entete
{
	height: 241px;
	width: 800px;
	background: url(images/) no-repeat left top;
	margin: 0;
	position:absolute;
	top: 10px;
/*	background-image: url(images/bandeau.jpg);*/
}
h1#header
{
	height: 241px ;
/*	background: url(images/bandeau.jpg) no-repeat left top  ;*/
	margin: 0 ;
}

h1#header a
{
	width: 293px ;
	height: 468px ;
	display: block ;

	position: relative ;
	left: 350px ;

	text-indent: -5000px ;
}/* On donne les mêmes dimensions au lien, chose
 possible grâce à la propriété display: block ; qui transforme le lien
  en élément de type block, auquel on peut donner des propriétés de taille.
   On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */
/* Le text-indent négatif est fait pour pouvoir ne
 cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
  exploitable pour les syntèses vocales */


div#lefthaut
{
	width: 293px;
	height: 468px;
	position:absolute;
	top: 251px;
	
	/*left: inherit;*/
}

 div#menuj
 {
	width: 507px;
	height: 35px;
	
	float: right;
	overflow:hidden;
	position:relative;
	top: 251px;
	
	
}
div#popup
	{
	width: 507px;
	height: 35px;
	
	float: right;
	overflow:hidden;
	position:relative;
	top: 251px;
	}
div#boutik
{
	width: 293px;
	height: 35px;
	
	position: absolute;
	top: 719px;
	
}	

div#leftbas
{
	width: 293px;
	height: 381px;
	position: absolute;
	top: 754px;
}
div#contenu
{/* top 255px;*/
	width: 507px;
	/*	height: 849px;*/
	height: 914px;
	float:right;
	position: relative;
	top : 255px;
}

div#contenu h2
{
line-height: 21pt;
	font-size: 1.6em;
	color: #f29400;
	font-weight: bold;
	margin-left: 50px;
}

div#contenu h3
{
	font-size: 1.2em;
	color: #f29400;
	font-weight: bold;
	margin-left: 50px;
	line-height: 12pt;
}

div#contenu p
{
	text-align: left;
	line-height: 12pt;
	padding-left: 50px;
	font-size: 1em;
}

div#contenu a
{
	color: #f29400 ;
}

div#contenu a:hover
{
	color: #f29400;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #f29400 ;
	position: absolute;
	top: 1147px;
	right : 33%;
}


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}
.noirblanc {
	font-family: arial;
	font-size: 0.9em;
	font-style: italic;
	line-height: 9pt;
	font-weight: normal;
}