@charset "utf-8";
@font-face {
	font-family:"canter";
	src:url(Canter%20Light.otf)
	font-weight: normal;
	font-style: normal;
	}

body {
	background-color: #25303d;
	margin: 0px;
	font-family:canter;

}

#general{
	width:100%;
	height:1132px;
	max-width:800px;
	margin:auto;
	margin-top:50px;
	background-image:url(../images/MARIAGE_siteLR_boddy06.jpg);
	background-position:center;
	background-size:auto;
	background-repeat: no-repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	
	-moz-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3);
	-o-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3);
	-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3);
}


#haut{
	width: 100%;
	height: 130px;
	margin: auto;
}

#menu{
   float:center;
   height: 120px;
   position: relative;
   background-repeat: no-repeat;
   margin:auto;
   background-color:;
   margin-bottom:0px;
}

#centrage{
	width : 317px;
	height: 120px;
	margin:auto;
	margin-top:240px;
}
 
#menu #bouton { margin: 0; padding: 0; }
#menu #bouton li { display: inline; }
#menu #bouton li a { outline:none; float: left; width: 317px; height: 0;  padding-top: 40px; overflow: hidden; background-image: url("../images/MARIAGE_LR_bouttons2.png"); background-position:top left; background-repeat: no-repeat; }
 
/* Bouton en attente*/
#menu #bouton li#infos a { background-position: 0px 0px; }
#menu #bouton li#rsvp a { background-position: 0px -40px; }
#menu #bouton li#liste a { background-position: 0px -80px;}


/* Survol */
#menu #bouton li#infos a:hover { background-position: 0px -120px; }
#menu #bouton li#rsvp a:hover { background-position: 0px -160px; }
#menu #bouton li#liste a:hover { background-position: 0px -200px;}


/* Press */
#menu #bouton li#infos a:active { background-position: 0px -240px; }
#menu #bouton li#rsvp a:active { background-position: 0px -280px; }
#menu #bouton li#liste a:hover { background-position: 0px -320px;}



#video{
	width: 800px;
	height: 450px;
	float:none;
	margin: auto;
	margin-top:20px;
	text-align:justify;
}

#bas {
	width: 100%;
	height: 200px;
	margin-top: 0px;
	text-align: center;
	color:#FFFFFF;
	font-size:30px;
}

#texte{
	text-align:center;
	color:#FFF;
	font-size:24px;
	margin-top:50px;
	padding-left:20px;
	font-family:canter;
}