@charset "utf-8";

body
{
	margin: 0 auto ;
	padding: 0 ;
	font: 0.8em "Trebuchet MS", Arial, sans-serif ;
	background: #FFFFCC ;
}

div#conteneur
{
	width: 829px ;
	margin: 0 auto ;
	text-align: left ;
	border: 0px solid #000 ;
	background: url(images/accueil_site.jpg) no-repeat top;
	
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


div#contenu
{
	padding: 0 0 0 0 ;
}

.blochautintro {
width: 829px;
height: 301px;
margin-left: 0px;
margin-top: 0px;
}
.blocmilieuintro {
width: 425px;
height: 119px;
margin-left: 390px;
margin-top: 0px;
}
.blocbasintro {
width: 829px;
height: 140px;
margin-left: 0px;
margin-top: 0px;
}


div#contenu h2
{
	padding-left: 10px ;
	line-height: 17px ;
	font-size: 14px ;
	color: #000 ;
	text-align: left ;
}

div#contenu h3
{
	
	padding-left: 30px ;
	color: #000 ;
	font-size: 14px ;
	line-height: 17px ;
	text-align: left;
}
div#contenu h4
{
	margin-left: 0px ;
	padding-left: 10px ;
	color: #e61b49 ;
	font-size: 16px ;
	text-align: left;
}

div#contenu p
{
    margin-left: 10px;
	text-align: left ;
	font: 12px "Arial", helvetica, sans-serif ;
	text-indent: 0em ;
	line-height: 15px ;
}

div#contenu p#bleu
{
	text-align: left ;
	font: 12px "Arial", helvetica, sans-serif ;
	color: #ccc ;
	text-indent: 0em ;
	line-height: 15px ;
}

div#contenu a
{
	color: #ff4820 ;
}

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

div#contenumentions p
{
    margin-right: 10px;
	text-align: left ;
	text-indent: 2.5em ;
	line-height: 1.2em ;
}

div#contenumentions a
{
	color: #ff4820 ;
}

div#contenumentions a:hover
{
	color: #999 ;
}

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


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}