#profil1 {
width: 295px;
float: left;
height: 450px;
background-image: url(http://www.bourlingueur.org/assets/images/profil1.jpg);
margin-left: 15px;
padding-left:5px;
} 

#prof {
width: 120px;
float: left;
height: 120px;
background-image: url(http://www.bourlingueur.org/assets/images/profilcadre.jpg);
} 

#prof2 {
width: 290px;
float: left;
} 

#profil1 div img{
margin-left: 7px;
margin-top: 10px;
} 

#profil2 {
width: 395px;
float: left;
height: 450px;
background-image: url(http://www.bourlingueur.org/assets/images/profil2.jpg);
margin-left: 15px;
padding-left:5px;
}

#uti1 {
width: 595px;
height :180px;
float: left;
background-image: url(http://www.bourlingueur.org/assets/images/parchemin.jpg);
padding-left: 150px;
padding-top: 40px;
}
#uti2 {
width: 150px;
height :150px;
float: left;
}
#uti3 {
width: 444px;
height :150px;
float: left;
}

#atlas div {
width: 130px;
float: left;
height: 130px;
background-image: url(http://www.bourlingueur.org/assets/images/atlas/atlas1.jpg);
}

#atlas div:hover {
background-image: url(http://www.bourlingueur.org/assets/images/atlas/atlas2.jpg)
}

#atlas div a img {
border: 2px;
border-color:#999999;
border:double;
}

#atlas div a:hover img {
border: 2px;
border-color:#999999;
border:double;
}

#atlas div a:active img {
border: 2px;
border-color:#999999;
border:double;
}

#atlas div a:visited img {
border: 2px;
border-color:#999999;
border:double;
}