#titre span {
   background-color:purple;
   color:white;
   font-size: 40px;
   padding-right: 8px;
   padding-left: 8px;
}

.rounded-button {
	background-repeat: no-repeat;
	background-color:purple;
	width: 200px;
	height: 200px;
	border-radius: 10px;
	box-shadow: 0px 5px 5px black;
	border: 1px solid white;
	margin: 20px;
}

a 
{
	color: purple;
	font-weight: bold;
}

a:hover 
{
	text-decoration: blink;
	color: indigo;
	font-weight: bold;
}

.rounded-button:hover 
{
	background-color:#B23838
}

.rounded-button:hover 

{
	color:rgb(218, 0, 218);
	background-color:indigo
}

.rounded-button h2{
	color: white;
	text-shadow:  0px 0px 5px black;
	padding: 8px;
	text-align: left;
	vertical-align: bottom;
}

.rounded-button h3{
	color: white;
	text-shadow:  0px 0px 5px black;
	padding: 8px;
	text-align: left;
	vertical-align: bottom;
}

#wedding {
	background-image:url(../img/wedding.png);
}

#travel {
	background-image:url(../img/travel.jpg);
}

#rio {
	background-image:url(../img/rio.jpg);
}

#about {
	background-image:url(../img/about.jpg);
}

#rsvp {
	background-image:url(../img/rsvp.jpg);
}

#otherinfo {
	background-image:url(../img/otherinfo.jpg);
}

#wedding:hover {
	background-image: none;
}

#travel:hover {
	background-image: none;
}

#rio:hover{
	background-image: none;
}

#about:hover {
	background-image: none;
}

#rsvp:hover {
	background-image: none;
}





#map_canvas { 
	height: 100% 
}