body
{
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.75em "Trebuchet MS", helvetica, sans-serif ;
	background: #FFFFFF ;
}


span{
	color: #ed4300;
	text-decoration: none;
	font: 1.1em "Trebuchet MS", helvetica, sans-serif ;
	font-weight: bold;
}


a{
	color: #dd5e00;
	text-decoration: none;
	
}


a:hover {  
	color: #666666;
}

div#conteneur
{
	width: 900px ;
	height: 630px;
	margin: 0 auto ;
	text-align: left ;
	border: 0px solid #FFFFFF ;
	background: #fff ;
 /* 	-moz-border-radius:5px; */
  }

h1#header
{
	height: 200px ;
	margin: 0 ;
	background-color:#FFFFFF;

}

div#contenu
{
	padding: 0 15px 0 1px ;
	background: url(bg_page.gif) no-repeat 15px 15px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #989DA5 ;
	border-bottom: 1px solid #D6D8DB ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #989DA5 ;
	border-left: 3px solid #989DA5 ;
	color: #989DA5 ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2 ;
}

p#footer
{
	font: 0.1em "Trebuchet MS", helvetica, sans-serif ;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #000000 ;
}

p#footer a
{
	font: 1em "Trebuchet MS", helvetica, sans-serif ;
	color: #989DA5 ;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
} 

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}
	
.sans_bords_rouge {
	text-align:right;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
	font: 1.5em "Trebuchet MS", helvetica, sans-serif ;
	color: #ef7d31 ;
}	

.sans_bords_gris {
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
	font: 1.3em "Trebuchet MS", helvetica, sans-serif ;
	color: #828282 ;
}	
	
	
.boite {
	width: 300px;
	height: 260px;
	
	background: white url(../images/bas.png) no-repeat;
	background-position: center bottom;
	font-size: 100%;
	float:left;
}

.boite6 {
	width: 300px;
	height: 260px;
	
	background: white url(../images/bas.png) no-repeat;
	background-position: center bottom;
	font-size: 100%;
	float:right;
}

.boite_med {
	width: 300px;
	height: 150px;
	
	background: white url(../images/bas.png) no-repeat;
	background-position: center bottom;
	font-size: 100%;
	float:left;
}


.boite h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/haut.png) no-repeat;
	background-position: left top;
	text-align: left;
}

.boite6 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/haut.png) no-repeat;
	background-position: left top;
	text-align: left;
}

.boite_med h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/haut.png) no-repeat;
	background-position: left top;
	text-align: left;
}

.boite p {
	margin: 1em 30px;
	text-align: justify;
}

.boite6 p {
	margin: 1em 30px;
	text-align: justify;
}

.boite_small {
	width: 250px;
	height: 250px;
	padding-bottom: 5px;
	background: white url(../images/05-milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 100%;
	float:left;
}
.boite_small h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/05-haut.png) no-repeat;
	background-position: left top;
	text-align: left;
}
.boite_small p {
	margin: 1em 20px;
	text-align: justify;
}



.boite_full {
	width: 900px;
	padding-bottom: 10px;
	background: white url(../images/bas_900.png) no-repeat;
	background-position: center bottom;
	font-size: 100%;
	float:left;
	
} 
.boite_full h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/haut_900.png) no-repeat; 
	background-position: left top;
	text-align: left;
}
.boite_full p {
	margin: 1em 20px; 
	text-align: justify;
}




.boite_x2 {
	width: 600px;
	padding-bottom: 10px;
	background: white url(../images/bas_600.png) no-repeat;
	background-position: center bottom;
	font-size: 100%;
	float:left;
	
} 
.boite_x2 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/haut_600.png) no-repeat; 
	background-position: left top; 
	text-align: left;
}
.boite_x2 p {
	margin: 1em 20px; 
	text-align: justify;
}

.boite_x3 {
	width: 450px;
	padding-bottom: 10px;
	background: white url(../images/bas_450.png) no-repeat;
	background-position: center bottom;
	font-size: 100%;
	float:left;
	
} 
.boite_x3 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/haut_450.png) no-repeat; 
	background-position: left top; 
	text-align: left;
}
.boite_x3 p {
	margin: 1em 20px; 
	text-align: justify;
}




.boite_full_vide {
	width: 900px;
	padding-bottom: 10px;
	background-position: center bottom;
	font-size: 100%;
	float:left;
	
} 
.boite_full_vide h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	background-position: left top;
	text-align: left;
}
.boite_full_vide p {
	margin: 1em 10px; 
	text-align: justify;
}



.boite2 {
	width: 700px;
	padding-bottom: 10px;
	background: white url(../images/05-milieu-bas2.gif) no-repeat;
	background-position: center bottom; 
	font-size: 100%;
	float:left;
	
}
.boite2 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/05-haut2.gif) no-repeat;
	background-position: left top;
	text-align: left;
}
.boite2 p {
	margin: 1em 20px;
	text-align: justify;
