html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,code,font,img,dl,dt,dd,ol,ul,li,form,label,tr,th,td{
	margin:0;
	padding:0
}
html{
	overflow-y:hidden
}
h2{
	margin-bottom:20px
}
img.bg{
	min-height:100%;
	min-width:1024px;
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0
}
@media screen and (max-width:1024px){
	img.bg{
		left:50%;
		margin-left:-512px
	}
}
#top{
	width:100%
}
#page-wrap{
	position:relative;
	width:960px;
	margin:0 auto;
	background:url(../images/page_bg.jpg);
	-moz-box-shadow:0 0 20px black;
	-webkit-box-shadow:0 0 20px black;
	-ms-box-shadow:0 0 20px black;
	-o-box-shadow:0 0 20px black;
	box-shadow:0 0 20px black
}
img.splash,img.header{
	width:100%;
	margin:0;
	padding:0
}
div.clickable:hover{
	cursor:pointer
}
div.splash.clickable:hover{
	opacity:.7
}
div.header.clickable:hover{
	background:url(../images/villance_small.jpg);
	background-size:960px 176px
}
.splash,
.header{
	margin:0;
	padding:0
}
.splash{
	height:640px
}
.header{
	background:url(../images/villance_color_small.jpg);
	background-size:960px 176px;
	height:176px
}
#navig a,
div.content p,
div.content h1,
div.content h2,
div.content h3,
div.content h4,
div.content h5,
div.content button,
div.content label,
div.content input,
div.content div.hotel ul,
div.content fieldset,
div.content a{
	opacity:.99;
	filter:alpha(opacity=99)
}
#delayed{
	display:none
}
#container{
	padding:0;
	margin:0;
	position:relative;
	min-height:600px
}
#navig{
	background:url(../images/navig-bg.gif) left top repeat-x;
	position:absolute;
	width:960px;
	list-style:none;
	margin:0
}
#navig li{
	height:40px;
	float:left;
	padding:0
}
#navig>li:not(#guestbook){
	background:url(../images/navig-divider.gif) right top no-repeat;
	padding:0 2px 0 0
}
#navig li#acceuil{
	width:112px
}
#navig li#events{
	width:150px
}
#navig li#practical{
	width:150px
}
#navig li#guests{
	width:114px
}
#navig li#liste{
	width:192px
}
#navig li#rsvp{
	width:97px
}
#navig li#guestbook{
	width:133px
}
#navig a,#navig a:visited,#navig a:hover{
	height:40px;
	line-height:40px;
	padding:0 20px;
	color:#fff;
	text-transform:uppercase;
	font-size:.95em;
	display:block;
	text-decoration:none
}
#navig a:hover{
	background:url(../images/navig-hover.gif) left top repeat-x
}
#navig a.active,#navig a.active:visited,#navig a.active:hover{
	background:url(../images/navig-active.png) 50% -1px no-repeat;
	heigth:50px
}
#navig>li>a{
	text-align:center
}
#navig ul{
	background:url(../images/navig-bg.gif) left top repeat;
	display:none;
	position:absolute;
	top:100%;
	z-index:2;
	list-style:none
}
#navig ul li{
	float:none
}
#navig li:hover>ul{
	display:block
}
#navig span{
	height:37px;
	width:97px;
	opacity:0;
	z-index:-1;
	display:block;
	left:0;
	top:0;
	position:absolute
}
ul.acceuil #acceuil>span,
ul.events #events>span,
ul.practical #practical>span,
ul.useful #useful>span,
ul.hotels #hotels>span,
ul.guests #guests>span,
ul.liste #liste>span,
ul.rsvp #rsvp>span,
ul.guestbook #guestbook>span,
ul.bridesmaids #bridesmaids>span,
ul.groomsmen #groomsmen>span{
	z-index:3
}
div.content{
	position:relative;
	top:40px
}
div.content #acceuil,
div.content #events,
div.content #practical,
div.content #useful,
div.content #hotels,
div.content #guests,
div.content #bridesmaids,
div.content #groomsmen,
div.content #liste,
div.content #rsvp,
div.content #guestbook{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	display:inline-block;
	position:absolute;
	width:800px;
	top:50px;
	left:0;
	padding:0 80px;
	overflow-y:auto
}
div.content div div div{
	vertical-align:middle
}
div#events section{
	clear:right;
	margin-bottom:20px
}
div#events section:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
div#events .event-desc{
	text-align:left
}
div#events section p{
	margin-top:15px
}
div#useful section{
	clear:right
}
div#useful section:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
#dresscode .useful-desc{
	text-align:left
}
#villance .useful-desc{
	text-align:right;
	margin-top:50px
}
.useful-pic{
	display:block;
	width:300px
}
#villance .useful-pic{
	float:left
}
#dresscode .useful-pic{
	float:right
}
.useful-pic img{
	width:300px
}
div#groomsmen .gm-desc,
div#bridesmaids .bm-desc{
	text-align:left
}
div#groomsmen .gm-pic,
div#bridesmaids .bm-pic{
	float:right;
	width:200px;
	display:block
}
div#groomsmen .gm-pic img,
div#bridesmaids .bm-pic img{
	width:200px
}
div#groomsmen>div:after,
div#bridesmaids>div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
div.map{
	display:block;
	width:300px;
	float:right
}
img.map{
	width:300px;
	height:auto;
	margin-left:20px
}
img.map:hover{
	opacity:.7
}
div.directions{
	display:inline-block;
	margin-left:40px;
	height:371px;
	border:2px solid black
}
form.directions{
	margin-top:100px
}
div#rsvp #progress-bar{
	display:none;
	width:50%;
	height:20px
}
input,select,textarea{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	box-shadow:inset 0 0 10px #CCC;
	border-collapse:collapse;
	border:1px solid #999;
	font-family:Verdana,Arial,sans-serif
}
tr.spacer{
	height:15px
}
td:first-child{
	width:250px
}
input:hover,select:hover,textarea:hover{
	background:#fff;
	background:rgba(255,255,255,0.7)
}
div.footer{
	position:absolute;
	bottom:20px
}
div.footer p{
	width:960px;
	text-align:center;
	color:DimGrey;
	font-size:80%
}
.hotel-rank{
	width:25px;
	vertical-align:-30%
}
.hotel ul{
	margin-left:30px;
	font-size:.9em
}
.hotel{
	margin-top:20px
}
.hotel h4{
	font-size:90%
}
#gb-form .ui,#gb-form .ui-button-text{
	font-size:62.5%
}
#gb-form .sbc{
	display:none
}
#gb-form label,
#gb-form input{
	display:block
}
#gb-form input.text{
	margin-bottom:12px;
	width:95%;
	padding:.4em
}
#gb-form fieldset{
	padding:0;
	border:0;
	margin-top:25px
}
#gb-form h1{
	font-size:1.2em;
	margin:.6em 0
}
#gb-form .ui-dialog .ui-state-error{
	padding:.3em
}
#gb-form .validateTips{
	border:1px solid transparent;
	padding:.3em
}
#gb-sign{
	margin-top:20px
}
div.gb-message{
	position:relative
}
div.gb-message.even{
	margin:30px 0 0 0;
	padding-left:20px;
	padding-top:15px;
	background:url(../images/faded-corner-even.png) -5% -1px no-repeat
}
div.gb-message.uneven{
	text-align:right;
	margin:30px 0 0 0;
	padding-right:20px;
	padding-top:15px;
	background:url(../images/faded-corner-uneven.png) 105% 1px no-repeat
}
div.gb-message h4{
	font-style:italic;
	font-size:1.3em;
	color:DimGrey;
	margin:0;
	padding:0
}
div.gb-message h5{
	font-weight:normal;
	font-size:1.1em;
	margin:10px 0 0 0;
	padding:0
}
div.gb-message p{
	margin:10px 0 0 0
}
#countdown{
	margin-top:30px;
	color:dimgray;
	background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#333));
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
div.donate{
	border:1px solid #999
}
h4.donate{
	cursor:pointer;
	color:blue;
	text-decoration:underline
}
/*div#acceuil h3{
	margin-top:30px
}
div#acceuil p{
	margin-top:20px
}*/
div#acceuil h1{
	text-align:center
}
div#acceuil p, div#acceuil img{
	display:block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:700px;
}
div#acceuil p{
	text-align:center;
}
div#acceuil img{
	border:solid 1px;
}
div#rsvp div.highslide-gallery {
	margin-top:20px
}
div#useful h4,
div#hotels h4,
div#bridesmaids h4,
div#groomsmen h4,
div#liste h4{
	margin-top:30px
}
.gm-pic,.bm-pic,.useful-pic.margin-left{
	margin-left:20px
}
.useful-pic.margin-right{
	margin-right:20px
}
a#louise{
	color:black;
	text-decoration:none;
	border-bottom:1px dashed;
	cursor:text
}
.checkboxset .ui-state-default{
	border:1px solid #616161;
	background:#fe1616 url(../images/ui-bg_glass_75_fe1616_1x400.png) 50% 50% repeat-x;
	color:#212121
}
.checkboxset .ui-state-hover{
	border:1px solid #999;
	background:#ff4d4d url(../images/ui-bg_glass_75_ff4d4d_1x400.png) 50% 50% repeat-x;
	color:#555
}
.checkboxset .ui-state-active{
	border:1px solid #aaa;
	background:#42e006 url(../images/ui-bg_glass_65_42e006_1x400.png) 50% 50% repeat-x
}
.checkboxset.rsvp-plus_1 .ui-state-default .ui-icon{
	background-image:url(./../images/ui-icons_454545_256x240.png)
}
.checkboxset.rsvp-plus_1 .ui-state-hover .ui-icon{
	background-image:url(./../images/ui-icons_888888_256x240.png)
}
::-webkit-scrollbar{
	width:12px
}
::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}
::-webkit-scrollbar-thumb{
	background:#a6a6a6;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)
}
::-webkit-scrollbar-thumb:window-inactive{
	background:#949494
}
#about{
	position:fixed;
	color:white;
	font-size:small;
	background:black;
	opacity:.8;
	filter:alpha(opacity=80);
	border:1px solid white;
	border-radius:10px;
	z-index:11;
	top:-312px;
	right:-185px;
	width:173px;
	padding:10px 11px 10px 15px;
	transition:right 1s ease-in-out .1s,top 1s ease-in-out,box-shadow 1s;
	-moz-transition:right 1s ease-in-out .1s,top 1s ease-in-out,-moz-box-shadow 1s,box-shadow 1s;
	-webkit-transition:right 1s ease-in-out .1s,top 1s ease-in-out,-webkit-box-shadow 1s,box-shadow 1s;
	-ms-transition:right 1s ease-in-out .1s,top 1s ease-in-out,-ms-box-shadow 1s,box-shadow 1s;
	-o-transition:right 1s ease-in-out .1s,top 1s ease-in-out,-o-box-shadow 1s,box-shadow 1s
}
#about.hidden{
	right:-220px;
	top:-340px
}
#about p{
	position:relative;
	text-align:justify
}
#about:hover{
	right:-10px;
	top:-10px;
	box-shadow:0 0 0 9999px rgba(0,0,0,0.9);
	-webkit-box-shadow:0 0 0 9999px rgba(0,0,0,0.9);
	-moz-box-shadow:0 0 0 9999px rgba(0,0,0,0.9);
	-o-box-shadow:0 0 0 9999px rgba(0,0,0,0.9);
	transition:right 1s ease-in-out,top 1s ease-in-out .1s;
	-moz-transition:right 1s ease-in-out,top 1s ease-in-out .1s;
	-webkit-transition:right 1s ease-in-out,top 1s ease-in-out .1s;
	-ms-transition:right 1s ease-in-out,top 1s ease-in-out .1s;
	-o-transition:right 1s ease-in-out,top 1s ease-in-out .1s
}
#about-icon{
	position:absolute;
	left:-15px;
	bottom:-15px;
	background:#080808;
	width:28px;
	height:28px;
	border:solid 1px white;
	border-radius:15px;
	text-align:center;
	color:#d0d0d0;
	font-size:1.5em;
	font-family:"Arial Black","Arial Bold",Gadget,sans-serif;
	-webkit-transition:box-shadow .6s ease-in-out,text-shadow .6s ease-in-out;
	-moz-transition:box-shadow .6s ease-in-out,text-shadow .6s ease-in-out;
	-ms-transition:box-shadow .6s ease-in-out,text-shadow .6s ease-in-out;
	-o-transition:box-shadow .6s ease-in-out,text-shadow .6s ease-in-out;
	transition:box-shadow .6s ease-in-out,text-shadow .6s ease-in-out
}
#about-icon span{
	position:absolute;
	border-radius:15px;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:box-shadow .6s ease-in-out;
	-moz-transition:box-shadow .6s ease-in-out;
	-ms-transition:box-shadow .6s ease-in-out;
	-o-transition:box-shadow .6s ease-in-out;
	transition:box-shadow .6s ease-in-out
}
#about-icon.glow{
	text-shadow:0 0 15px white;
	box-shadow:0 0 20px 15px white
}
#about-icon.glow span{
	box-shadow:0 0 10px white inset
}
#about-lang a{
	color:grey
}
#about-lang a.active{
	font-size:110%;
	font-weight:bold;
	color:white
}