.contener {
position:absolute;
left:0px;
top:0px;
width:100%;
align:center;
margin:0 0 0 0;
padding:0 0 0 0;
no-repeat 50% 175px;

}

#header {
width:100%;
height:100px;
margin-top:0px;


}



#title {
background: transparent url(recyclage.jpg) no-repeat top left ;
position:absolute;
left:0%;
top:0px;
z-index:-1;
width:100%;
height:200px;
margin-left:0px ;
padding-left:100px;
padding-top:0px;
}

#title h1 {
font-size:15pt;
color:#ffffff;
text-align:left;

}

#title p{
font-size:10pt;
color:#ffffff;
text-align:left;
}


.subcontener {
padding-top:50px;
padding-right:0px;
position:relative;
top:0px;
left:0px;
width:782px;
height:551px;

}

.waterlinks{

width:782px;
height:100px;
margin:0 0 0 0;
padding:0 0 0 0;
overflow:hidden;
float:left;
}

.waterlinks a{
margin:0 0 0 0;
padding:0 0 0 0;
cursor:pointer;
float:right;
}


#content{
width:100%;
height:500px;
margin:0 0 0 0;
padding:0 0 0 0;
overflow:hidden;
float:left;
}












.footer {
background: #3A7FB7;
border-top: solid 5px #245072;
width:100%;
min-height:800px;
text-align:left;
margin-top:75px;
padding: 0 25% 0 25%;
}




.col {

float:left;
width:400px;
min-height:290px;
margin-top:50px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:10px;
background: transparent url(sep200.png) no-repeat top left;
align:left;
}

.col img{
align:left;

}

.col h3{
text-align:left;
color:#ffffff;
}

.col h4{
text-align:left;
color:#e0e0e0;
}

.col p{
text-align:left;
color:#b0b0b0;
}

.col a{
text-align:left;
color:#d0d0d0;
}

.col a:hover {
text-align:left;
color:#ffffff;
}