/*

------------------------------------------Amaury Sauvé // Designer Graphique---------------------------------------------

----------------------------------------------Portfolio Web CSS v1.0 ----------------------------------------------------

*/

body {
background-image: url(images/fondNB.gif);
background-repeat: repeat-xy;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/*
###################
##### ACCUEIL #####
###################
*/


#accueil {
width: 400px;
height: 200px;
background-color: none;
margin: 200px auto 0px;
}

#accueil a {
width: 400px;
height: 200px;
display: block;
}

#accueil a:link {
background-image: url(images/Logo.jpg);
}

#accueil a:visited {
background-image: url(images/Logo.jpg);
}

#accueil a:hover {
background-image: url(images/Logohover.jpg);
}

#accueil a:active {
background-image: url(images/Logo.jpg);
}

/*
###################
##### CONTACT #####
###################
*/


#contact {
width: 200px;
height: 25px;
margin: 0px auto;
}


/*
################
##### blog #####
################
*/

#blog a {
float: left;
width: 100px;
height: 25px;
display: block;
}

#blog a:link {
background-image: url(images/blog.jpg);
}

#blog a:visited {
background-image: url(images/blog.jpg);
}

#blog a:hover {
background-image: url(images/bloghover.jpg);
}

#blog a:active {
background-image: url(images/blog.jpg);
}
/*
################
##### mail #####
################
*/

#mail a {
float: right;
width: 100px;
height: 25px;
display: block;
}

#mail a:link {
background-image: url(images/mail.jpg);
}

#mail a:visited {
background-image: url(images/mail.jpg);
}

#mail a:hover {
background-image: url(images/mailhover.jpg);
}

#mail a:active {
background-image: url(images/mail.jpg);
}


/*
#################
##### IMAGE #####
#################
*/


img {
border: none;
}