body {
   margin: 0;
   height: 100%;
}

a {
  color: #FFFFFF;
  text-decoration: none;
}

a:visited {
  color: #FFFFFF;
}

a:hover {
  color: #FFFFFF;
outline: none;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}
img {
  border: none;
}

.texte {
	font-family: 'Bubblegum Sans', cursive;
	position: absolute;
	top: 245px;
	width:660px;
	left: 47%;
	margin-left: -130px;
	position: absolute;
	text-align:justify;
	font-size:17px;
	/*height:100%;*/
}

.kid {
font-family: 'Schoolbell', cursive;
}

html { 
  margin:0;
  padding:0;
  background: url(images/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
.mariage{
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 900px;
	height: 427px;
	background: url('images/mariage.png') no-repeat;
	left: 50%;
	margin-left: -750px;
	top: 250px;
	position: absolute;
}

.megaphone{
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 900px;
	height: 427px;
	background: url('images/megaphone.png') no-repeat;
	left: 50%;
	margin-left: -750px;
	top: 250px;
	position: absolute;
}

.gencod{
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 900px;
	height: 427px;
	background: url('images/APubliques.png') no-repeat;
	left: 50%;
	margin-left: -750px;
	top: 250px;
	position: absolute;
}


.biglogo{
	border: 0;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 630px;
	height: 485px;
	background: url('images/OSB_big.png') no-repeat;
	left: 50%;
	top:95px;
	margin-left: -315px;
	position: absolute;
}

.accueil{
	border: 0;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 918px;
	height: 677px;
	left: 50%;
	top:85px;
	margin-left: -459px;
	position: absolute;
}

.bigtxt{
	font-family: 'Bubblegum Sans', sans-serif;
	text-align: center;
	font-size:24px;
	top:570px;
	left: 50%;
	margin-left: -135px;
	position: absolute;
}

.logo{
	border: 0;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 250px;
	height: 193px;
	background: url('images/OSB.png') no-repeat;
	float: left;
	top:17px;
	left: 50%;
	margin-left: -470px;
	position: absolute;
}
.annif{
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 900px;
	height: 427px;
	background: url('images/annif.png') no-repeat;
	left: 50%;
	margin-left: -750px;
	top: 250px;
	position: absolute;
}
.mail{
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	width: 900px;
	height: 427px;
	background: url('images/mail.png') no-repeat;
	left: 50%;
	margin-left: -750px;
	top: 250px;
	position: absolute;
}

 
nav a, nav a:visited {
  display: none;
  font-weight: normal;
   border-bottom:none;
  text-decoration: none;
  color: #999;
}
nav a:hover {
	color: #E577E8;
	border-bottom:none;
}
nav a.active {
  color: #3d3d3d;
}

nav {
	font-family: 'Lobster', sans-serif;
	position: absolute;
	top: 185px;
	left: 50%;
	margin-left: -270px;
	font-size: 18px;
	width: 750px;
	height: 50px;
	color: #3d3d3d;
	text-align: center;
	z-index:20;
	letter-spacing: 0px;
	line-height:50px;
	background: url('images/nav-background.png') repeat-x left center;
}

nav .round-left {
  display: block;
  height: 50px;
  width: 40px;
  position: absolute;
  top: 0px;
  left: -40px;
  background: url('images/nav-sprites.png') no-repeat 0 -50px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
nav .round-right {
  display: block;
  height: 50px;
  width: 40px;
  position: absolute;
  right: -40px;
  top: 0;
  background: url('images/nav-sprites.png') no-repeat 0 0px;
}
nav a {
  display: block;
  float: left;
  margin-left: 40px;
  position: relative;

}
nav a.first {
  margin-left: 0;
}
nav a.active:after {
  content: "";
  display: block;
  height: 20px;
  width: 40px;
  background: url('images/nav-sprites.png') no-repeat 0 -100px;
  position: absolute;
  /*bottom: -10px;*/
  left: 50%;
  margin-left: -20px;
}

#background1 {
    background: url(images/flair1.png) repeat 55% 55%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -100;
}

#background2 {
    background: url(images/flair2.png) repeat 45% 45%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -110;
}

#background3 {
    background: url(images/flair3.png) repeat 30% 30%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -120;
}
#background4 {
    background: url(images/flair4.png) repeat 50% 50%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -130;
}
#background5 {
    background: url(images/flair5.png) repeat 40% 40%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -140;
}

.clear_footer {
clear: both;
  height: 0; 
  overflow: hidden;
}

#footer_wrap {
	width:100%;
	height:60px;
	bottom:0px;
	border-top-color:none;
	border-top-width:0px;
	border-top-style:solid;
	position:fixed;
	clear: both;
		background-color:#1A1A1A;
	bottom:0;
	z-index:99;
	background-image:url("img/footer-bg.png");
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position-x:0px;
	background-position-y:0px;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;

	box-shadow:0px 0px 10px black;
}

#footer {
	position:relative;
	clear: both;
	min-width:1000px;
}

.footer-infos {
	padding: 0px 0px; 
	top: 15px;
	width: 135px;
	right: 240px;
	position: absolute;
	z-index: 10;
	font-size-adjust: none;
	font-stretch: normal;

}

.footer-copyright {
	padding: 0px 0px; 
	top: 25px;
	width: 90px;
	left: 85%;
	position: absolute;
	z-index: 10;
	font-size: 10px;
	font-stretch: normal;
    vertical-align:middle;
	text-decoration:none;
	color:#FFF
}


.footer-infos h1 {
  font-size: 18px;
  color: white;
  letter-spacing: 2px;
}

.footer-logo {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:10%;
	float:left;
}

.scroll-pane{
	overflow:auto;
	position:absolute;
	width: 100%;
	left:445px;
	margin-left:-445px;
	top:67px;
	height:100%;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}
#container
{
	height: 100%;
	margin-right:8px;
}
pre
{
	width: 95%;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	
	position: relative;
}

.jspDrag
{
	background:#666;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
	
}
.jspDrag
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspArrow
{
	
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
input, textarea {
	background-color:transparent;
	border:dashed;
	border-width:1px;
	border-color:#333;
}