@font-face { 
font-family: "eau_sans_book"; 
src: local("eau_sans_book"), url("../font/eau_sans_book.ttf"); 
format ("truetype"); 
} 
body{
    background-image: url(../img/fond.jpg);
    font-family: eau_sans_book;
    color: #515763;

}
.communique{
    width: 800px;
    text-align: right;
    color: #ffffff;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
#main{
    width:800px;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    background-color: #ffffff;
}

#main h1{
    padding-top: 20px;
    color:#2e73a3;
    font-size:24px;
    text-align: center;
    font-weight: bold;
}

.barcouleur{
    width:600px;
    height:2px;
    margin-right: auto;
    margin-left: auto;
    background-color: #2e73a3;
    margin-bottom: 20px;
}

.titre1{
    width:500px;
    height: 50px;
    margin-left: -15px;

}

.st1{
    width:710px;
    height:410px;
    margin-left: 50px;
    margin-bottom: 20px
}

.titre2{
    width:500px;
    height: 50px;
    margin-left: -15px;

}

.st2a, .st2b{
    width:690px;
    margin-right: 70px;
    margin-left: 40px;
    font-size: 14px;
    padding-bottom: 20px;
}

.st2a img, .st2b img{
    width:20px;
    display:block;
    float:left;
    height: 60px;
}

.titre3{
    width:600px;
    height: 50px;
    margin-left: -15px;

}

.st3{
    width:710px;
    height:320px;

}

.stitre3{
    margin-left: 50px;
}

.stitre3 h3{
    color:#2e73a3;
    font-weight: bold;

}

.stitre3 p{
    margin-right: 50px;
    font-size: 14px;

}

.foot{
    margin-top: 20px;
  margin-left: 50px;
  margin-right: 50px; 
  font-size:10px; 
  min-height: 100px;
}
.foot img{
    float:right;
    width:170px;
    display:block;
}