/* CSS Document */
/* Copyright 2005 Atemporel all rights reserved
Thanks to www.kirupa.com for the CSS rollovers technique */

body {
	background-color: #606060;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


#canevas{
	position: relative;
	width: 955px:
	height: 600px;
	margin: 1px auto;
	margin-top: 2px;
	margin-bottom: inherit;
	overflow: hidden;
	padding: 0px auto;
	border: 0px auto;
}


#home{
	background: url(images/home_off_over.gif) top left no-repeat;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	visibility: visible;
}
 
#home:hover{
	background-position: bottom left;
}
#homeON{
	background: url(images/home_on_over.gif) top left no-repeat;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	visibility: visible;
}
 
#homeON:hover{
	background-position: bottom left;
}


#mariages{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/mariages_off_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#mariages:hover{
background-position: bottom left;
}
#mariagesON{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/mariages_on_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#mariagesON:hover{
background-position: bottom left;
}

#portraits{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/portraits_off_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#portraits:hover{
background-position: bottom left;
}
#portraitsON{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/portraits_on_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#portraitsON:hover{
background-position: bottom left;
}


#contact{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/contact_off_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#contact:hover{
background-position: bottom left;
}
#contactON{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/contact_on_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#contactON:hover{
background-position: bottom left;
}


#droite{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/droite_on_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#droite:hover{
background-position: bottom left;
}


#gauche{
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/gauche_on_over.gif) top left no-repeat;
	display: block;
	visibility: visible;
}
 
#gauche:hover{
background-position: bottom left;
}