#containerEnvironnement{
	width: 98%;
	max-width: 1280px;
	margin: auto;
	font-family: 'Simonetta', Arial;
	font-size: 1.2em;
	padding-left: 100px;
	margin-bottom: 4em;	
}
#containerEnvironnement h1{
	font-size: 36px;
	text-transform: uppercase;
	color: #81c556;
	padding-bottom: 1em;
	width: 60%;
}
#containerEnvironnement .left{
	vertical-align: top;
	width: 50%;
	display: inline-block;
}
#containerEnvironnement h2{
	font-size: 24px;
	text-transform: uppercase;
	color: #672e03;
	font-weight: normal;
	margin-top: 2em;
	display: inline-block;
	line-height: 1.2em;
}
#containerEnvironnement p{
	line-height: 20px;
	font-size: 16px;
	text-align: justify;
}
#containerEnvironnement p strong{
	font-size: 1.2em;
	color: #642D10;
	font-weight: bolder;
}
#containerEnvironnement ul em{
	color:#642D10;
	font-style: normal;
}
#containerEnvironnement .imageCote{
	width: 40%;
	float: right;
	display: inline-block;
}
.ie7 #containerEnvironnement .left{
	float: left;
}
.ie7 #containerEnvironnement .imageCote{
	float: right;
}
.ie7 #containerEnvironnement ul.list{
	float: left;
	height:350px;
	width: 600px;
}
.ie7 #containerEnvironnement h3{
	width: 600px;
}
.ie7 #containerEnvironnement p{
	width: 600px;
}
.ie7 #containerEnvironnement ul.list li{
	float: none;
}
.ie7 #containerEnvironnement ul li{
	float: left;
}
#containerEnvironnement .imageCote img{
	vertical-align: top;
}
#containerEnvironnement ul.list{
	margin-top: 0em;
	display: inline-block;
}
#containerEnvironnement ul.list li{
	margin-top: 8px;
	line-height: 1.4em;
	text-align: justify;
}
#containerEnvironnement ul{
	margin-top: 2em;
	display: inline-block;
}
#containerEnvironnement ul li{
	display: inherit;
}
#containerEnvironnement > img{
	width: 100px;
}
@media screen and (max-width:980px) {
	#containerEnvironnement{
		width: 95%;
	}
	#containerEnvironnement h1{
		width: 100%;
	}
	#listeItem, #containerEnvironnement .left{
		width: 100%;
		padding-top: 1em;
		margin: 0;
		text-align: center;
	}
	#containerEnvironnement .imageCote img{
		width: 60%;
	}
	#containerEnvironnement .imageCote{
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	#containerEnvironnement ul{
		text-align: justify;
	}
}
@media screen and (max-width:480px) {
	#containerEnvironnement{
		width: 90%;
		text-align: center;
	}
	#containerEnvironnement h1{
		width: 100%;
		line-height: 1.5em;
		text-align: center;
	}
	#containerEnvironnement .left{
		text-align: center;
		width: 100%;
	}
	#containerEnvironnement .imageCote img{
		width: 100%;
	}
	#containerEnvironnement > ul{
		text-align: center;
	}
	#listeItem{
		width: 100%;
		margin-left: 0em;
	}
	#listeItem .item{
		text-align: center;
		line-height: 1.2em;
	}
	#listeItem .item div span{
		line-height: 1.5em;
	}
	#containerEnvironnement ul.list li{
		width: auto;
		text-align: left;
	}
	#containerEnvironnement > img{
		text-align: center;
	}
}