/**
<!-- portions dans laquelle ont declare les styles -->
<style type="text/css">
div {min-height:4em;}/* le min-height, incomprehensible pour IE ! */
/**div {border:1px solid #666;background-color:#999;width:300px;margin:1em auto;}
</style>
<!-- portions dans laquelle ont declare les styles pour IE inferieur a 7-->
<!--[if lte IE 7]>
<style type="text/css">
div {height:4em;}/* le height, compis comme min-height par IE ! */
/**</style>
<!--[endif]--> 

/************************** mise en forme du Html ***************************/
html{

	
}
html, body{	
}
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#00579E;


}
body, td, div, p, form {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#00579E;
	font-size:14px;
	margin: 0px;
	padding:0px;
	line-height:1.2;
	text-align:left;
}


/************************** mise en forme des div  ***************************/
#recyclage{
	position:absolute;
	margin-top:0px;
	left:20%;
	margin-right:auto;
	min-width:700px;
	margin-bottom:0;
	border:hidden;
	width:80%;
	z-index: 6;
	background-color:#00579E;
}
.papier{
	margin-top:40px;
	margin-left:10%;
	width:500px;
	visibility: visible;
	overflow:visible;
	background-color:#00579E;
	border:hidden;


}
body { background: url(null) fixed ;
	background-color:#00579E;
}
/*
#environnement { 
	height:100%;
	width:20%;
	background-color:#FFFFFF;
	position: absolute; /* pour IE : 
	top: expression(body.scrollTop + 0 + "px")
	}
html[xmlns] #environnement { position: fixed; top: 0px;} 
html>body #environnement { position: fixed; top: 0px;}


#poubelle{
	position:absolute;
	margin-left:20%;
	top:5%;
	height:96%;
	z-index: 7;
	text-align:left;
	background-color:#FFFFFF;

}
*/
#environnement { 
	text-align:center;
	height:100%;
	background-color:#FFFFFF;
	width:20%;
	position: absolute; /* pour IE : */
	top: expression(body.scrollTop + 0 + "px")
	}
html[xmlns] #environnement { text-align:center;
position: fixed; top: 0%;
} 

html>body #environnement { text-align:center;
position: fixed; top: 0%;}


#poubelle{
	margin-top:5%;
	height:100%;
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
	/*  	
		margin-top:10%;
		position:absolute;
		background-color:#999999;
		margin-left:-25%;
	*/
}

/************************** liens ***************************/
a:link {
	color: #6096C2;
		text-decoration:underline;
}
a:visited {
	color: #6096C2;
}
a:hover {
	color: #DDDDDD;
	text-decoration:none;
}

/************************** mise en forme du texte ***************************/

/***** casse, graisse *****/
.gras {
	font-weight:bold;
}

.maj {
	text-transform:uppercase;
}

.min {
	text-transform:lowercase;
}

/***** couleurs de texte *****/


.coulblanc {
	color:#FFFFFF;
}
.coulblack {
	color:#1e2124;
}
.coulgris01{
	color:#DFEAF3;
}

.coulbleu1{
	color:#002544;
}

/***** divers *****/

.recyclable {
font-size: 8px;
color:#00579E;
}
.interlignage1{
line-height:1;
}
.interlignage08{
line-height:0.9;
}

.exposant {
vertical-align:10px
	
}

.interlettrage2 {
	letter-spacing: 1px;
}


/***** Tailles des corps *****/

.corps9{
	font-size:9px;
}
.corps10{
	font-size:10px;
}
.corps11{
	font-size:11px;
}
.corps12{
	font-size:12px;
}
.corps13{
	font-size:13px;
}
.corps14{
	font-size:14px;
}
.corps15{
	font-size:15px;
}
.corps16{
	font-size:16px;
}
.corps17{
	font-size:17px;
}
.corps18{
	font-size:18px;
}
.corps19{
	font-size:19px;
}
.corps20{
	font-size:20px;
}
.corps37{
	font-size:37px;
}



/********* titres  *******/

h1 {
	margin: 0px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
	line-height: 42px;
}

h2 {
	margin: 0px;
	font-size:14px;
	
	font-weight:bold;
	color:#000000;	
	margin-bottom:10px;
}

h3 {
	margin: 0px;
	font-size:12px;
	font-weight:bold;
	color:#000000;	
	margin-bottom:10px;
}

h4 {
	margin: 0px;
}

h5 {
	margin: 0px;
}

h6 {
	margin: 0px;
}