@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}

ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}



body {
margin:0;
padding:0;
background:url(../images/bg_body2.jpg) no-repeat center top;
}


#conteneur {
width:1001px;
margin-right:auto;
margin-left:auto;
}

	#absolute {
	position:absolute;
	}

	#conteneur h1{
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	text-align:left;
	color:#009900;
	}

	#conteneur h2{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	text-align:left;
	color:#999999;
	}

	#conteneur h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009900;
	font-weight:bold;
	margin-left:140px;
	margin-top:10px;
	margin-bottom:10px;
	}



.header {
width:1001px;
height:328px;
margin-right:auto;
margin-left:auto;
position:absolute;
z-index:0;
}


	ul.header {
	width:919px;
	height:250px;
	padding-top:60px;
	padding-left:25px;
	position:absolute;
	}

		ul.header li{
	    width:194px;
	    height:58px;
		padding-left:50px;
		padding-top:30px;
		position:absolute;
		padding-top:125px;
	    }

		ul.header li:hover{
	    width:194px;
	    height:58px;
		padding-left:50px;
		padding-top:100px;
		position:absolute;
	    }

.logo{
position:absolute;
top:44px;
left:80px;
z-index:0;
}

.bilan{
position:absolute;
z-index:4;
}

.reduction{
position:absolute;
z-index:3;
left:266px;
}

.compensation{
position:absolute;
z-index:2;
left:486px;
}

.communiquer{
position:absolute;
z-index:1;
left:711px;
}

.contact{
position:absolute;
left:876px;
top:-70px;
background:url(../images/bg_contact.png) no-repeat;
width:131px;
height:101px;
}

a:hover.contact{
top:-60px;
}

#apropos {
width:1001px;
height:667px;
background:url(../images/bgmid_apropos.png) no-repeat left 77px;
position:absolute;
z-index:1;
top:328px;
padding-right:20px;
}

	#haut{
	height:77px;
	background:url(../images/bgtop_apropos.png) no-repeat;
	}

	#pourquoi{
	width:300px;
	height:400px;
	padding-top:25px;
	position:absolute;
	}

	ul#fleche li{
	background:url(../images/fleche_bleu.jpg) no-repeat left;
	margin-left:30px;
	margin-bottom:20px;
	padding-left:40px;
	padding-right:28px;
	text-align:left;
	padding-top:2px;
	}

	.gauche{
	float:left;
	margin-left:20px;
	margin-right:10px;
	}

	#pourquoi h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#0099CC;
	font-weight:bold;
	}

	#descriptif{
	width:621px;
	position:absolute;
	left:320px;
	top:88px;
	padding-left:25px;
	padding-right:25px;
	}
	
		#descriptif a{
		color:#0099FF;
		text-decoration:underline;
		}
	
		#descriptif a:hover{
		color:#0099FF;
		text-decoration:none;
		}

	#bas {
	height:44px;
	margin-top:546px;
	background:url(../images/bgbot_apropos.png) no-repeat;
	}

.paragraphe{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
text-align:justify;
line-height:22px;
}

#texte {
width:1001px;
height:4280px;
margin-right:auto;
margin-left:auto;
background:url(../images/bg_texte.png) no-repeat;
position:absolute;
top:995px;
}




	#carbone{
	height:1027px;
	margin-top:98px;
	margin-left:42px;
	margin-right:44px;
	}

	ul.flechevert li{
	background:url(../images/fleche_verte.jpg) no-repeat left;
	margin-left:100px;
	padding-left:40px;
	text-align:left;
	line-height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	}

	ul.plus li{
	background:url(../images/plus_vert.jpg) no-repeat left;
	margin-left:100px;
	padding-left:40px;
	text-align:left;
	line-height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	}

		#un{
		position:absolute;
		padding-right:45px;
		padding-top:65px;
		padding-left:82px;
		top:567px;
		height:460px;
		background:url(../images/traits.jpg) no-repeat bottom;
		}

	#reduction{
	height:965px;
	margin-left:42px;
	margin-right:44px;
	margin-top:20px;
	}

		#deux{
		position:absolute;
		height:439px;
		top:1620px;
		padding-left:82px;
		padding-right:45px;
		padding-top:60px;
		background:url(../images/traits.jpg) no-repeat bottom;
		}

	#compensation{
	height:1080px;
	margin-left:42px;
	margin-right:44px;
	margin-top:60px;
	}

		#trois{
		position:absolute;
		height:538px;
		top:2710px;
		padding-left:82px;
		padding-right:45px;
		background:url(../images/traits.jpg) no-repeat bottom;
		}

	#communiquer{
	height:969px;
	margin-left:42px;
	margin-right:44px;
	margin-top:60px;
	}

		#quatre{
		position:absolute;
		height:430px;
		top:3850px;
		padding-left:82px;
		padding-right:45px;
		}

.photo{
left:252px;
float:right;
padding-top:5px;
z-index:0;
}

.picto1{
position:absolute;
margin-left:165px;
top:520px;
z-index:1;
}

.picto2{
position:absolute;
margin-left:165px;
top:1569px;
z-index:1;
}

.picto3{
position:absolute;
margin-left:165px;
top:2597px;
z-index:1;
}

.picto4{
position:absolute;
margin-left:160px;
top:3735px;
z-index:1;
}






#footer{
width:1001px;
height:588px;
position:absolute;
top:5214px;
}

	#formulaire{
	width:500px;
	height:444px;
	margin-left:82px;
	margin-top:80px;
	}

	#adresse{
	width:215px;
	height:450px;
	margin-top:90px;
	padding-left:95px;
	padding-right:45px;
	float:right;
	}

		#adresse h1{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color:#FFFFFF;
		}

		#adresse a{
		text-decoration:underline;
		color:#FFFFFF;
		}

		#adresse a:hover{
		text-decoration:underline;
		font-weight:bold;
		color:#FFFFFF;
		}

.grand{
font-family:"Times New Roman", Times, serif;
font-size:30px;
color:#FFFFFF;
}

.blanc,label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#FFFFFF;
}

input{
filter : alpha(opacity=50);
-moz-opacity : 0.8;
opacity : 0.5;
width:323px;
}

textarea{
filter : alpha(opacity=50);
-moz-opacity : 0.8;
opacity : 0.5;
}

select{
filter : alpha(opacity=50);
-moz-opacity : 0.8;
opacity : 0.5;
width:326px;
}

.submit {
	width:92px;
	height:31px;
	border:none;
	margin: 2px 0 0 400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	cursor:pointer;
}

.submit a {
	display: block;
	width:92px;
	height:31px;
	padding-top: 8px;
	color:#FFFFFF;
	background:url(../images/envoyer.png) no-repeat;

}

.submit a:hover {
	background:url(../images/envoyer_hover.png) no-repeat;
}

.reponse {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	visibility: hidden;
}

a {
cursor: pointer;
}

#top{
position:fixed;
height:55px;
width:23px;
right:0px;
top:80%;
}

#formulaire table tr{
height:25px;
}