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

/*pauline rouxel*/


/* BODY */

body {
background-image: url(fondligne.png);
margin:0;
}



/* CONTENEUR */

#conteneur{
width: 425px;
height: 171px;
margin:auto;
background-image: url(texte.png);
position: static;
margin: 80px auto 0;
}


#portfolio a{
width:102px;
height:102px;
background-image:url(portfolio.png);
display:block;
float: right;
margin: 200px auto 0;

}



#portfolio a:visited {
background-image: url(portfolio.png);
}

#portfolio a:hover {
background-image: url(portfoliogris.png);
}







#blog {
width:102px;
height:102px;
display:block;
position: static;
float: right;

}

#blog a{
width: 102px;
height: 102px;
display: block;
position: relative;
margin: 200px auto 0;
background-image: url(blog.png);
}



#blog a:visited { /* quand la souris passe PAS dessus */
background-image: url(blog.png);
}

#blog a:hover { /* quand la souris passe dessus */
background-image: url(bloggris.png);
}


#contact{
width: 102px;
height: 102px;
display:block;
float: right;
background-image:url(contact.png);
margin: 200px auto 0;
}

#contact a{
width:102px;
height:102px;
display:block;
position: relative;
margin: 200 auto O;
}



#contact a:visited {
background-image: url(contact.png);
}

#contact a:hover {
background-image: url(contactgris.png);
}