html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
}

body img {
	border-width:0px;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
}
body img a {
	border-width:0px;
}

/* for all browsers that understand min-width */
.bgimg-container {position:relative; width:100%; min-width:1024px;}
.bgimg-holder {display:block;}


/* method 1 a bodge for IE5.5 and IE6 browsers */
* html .bgimg-container {border-right:1024px solid #fff;}
* html .bgimg-holder {display:inline-block; position:relative; margin-right:-1024px;}


#bg {
	z-index:1;
	width:100%;
	position:absolute;
	height:100%;
}

#bg img {
	z-index:1;
	min-width:1024px;
	width:100%;
	position:absolute;
}

/* for all browsers that understand min-width 
.box-container {position:relative; left:15%; width:70%; min-width:900px; z-index:10; height:100%; min-height:1000px; border:1px solid #FF0000;}
.box-holder {display:block; color:#000; border:1px solid #FFFF00;}


/* method 1 a bodge for IE5.5 and IE6 browsers 
* html .box-container {float:left; position:relative; left:15%; border-right:900px solid none; z-index:10; height:100%; border:1px solid #FF0000;}
* html .box-holder {float:right; position:relative; z-index:inherit; margin-right:-900px; border:1px solid #00FF00;}

/* method 2 a bodge for IE browsers IE5.01, IE5.5 and IE6
* html .box-container2 {position:absolute; left:15%; border-right:900px solid none; z-index:10; height:1000px; border:1px solid #FF0000;}
* html .box-holder2 {float:right; position:relative; margin-left:-900px; border:1px solid #00FF00;}
*/

.box-container{
	position:absolute;
	left:15%;
	width:70%;
	background-color:none;
	min-width:900px;
}

.box-holder{
	width:900px;
	height:1px;
} 

#box {
	height:1000px;
	color:#FFFFFF;	
	border-width:inherit;
	border-style:inherit;
}

#trans {
	width:100%;
	z-index:8;
	height:1000px;
	position:absolute;
	float:left;
}

#trans img.trans {
	width:100%;
	height:1000px;
	float:left;
	position:relative;
}

#bottom-box {
	width:100%;
	position:relative;
	float:left;
	background-color:#000000;
}

.mariage {
	height:20%;
}

.liens {
	height:100%;
}

#wrapper {
	position:relative;
	z-index:15;
	top:15%;
	width:100%;
}

#menu {
	position:relative;
	float:left;
	left:3%;
	width:225px;
	top:150px;
/*	border-width: 1px;
	border-style: solid;
	border-color:  #FFFFFF; */
}

#menu div {
	font-family:Georgia;
	font-size:20px;
	padding-top:10px;
	font-weight:normal;
}

#menu div.select {
	border-style:solid;
	border-width:inherit;
	border-top-width:0;
	border-bottom-width:1px;
	border-right-width:0;
	border-left-width:3px;
	padding-left:5px;
}

#menu img {
	border-width:inherit;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	margin-bottom:-5px;
}

#menu .tel {
	color:#FFFFFF;
	position:relative;
	top:20px;
	font-family:Georgia;
	font-size:12pt;
}


/* for all browsers that understand min-width 
.cont-container {float:right; position:relative; width:70%; min-width:630px;}
.cont-holder {display:block;}


/* method 1 a bodge for IE5.5 and IE6 browsers
* html .cont-container {float:right; position:relative; width:0px; border-left:630px solid none;}
* html .cont-holder {float:right; position:relative; margin-left:-630px;}
*/

.cont-container{
	position:relative;
	float:right;
	width:70%;
	background-color:none;
	min-width:630px;
}

.cont-holder{
	width:630px;
	height:1px;
} 


#container {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:1.5em;
	text-align:center;
	right:2%;
}

#header {
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#FFFFFF;
	text-align:center;
	height:150px;
	position:relative;
	float:left;
	z-index:15;
	top:-2px;
	width:500px;
	padding-right:10%;
	padding-left:10%;`
}

#texte {
	position:relative;
	float:left;
	text-align:justify;
	padding-right:5%;
	padding-left:5%;
	width:250px;
}

#texte-large {
	position:relative;
	float:left;
	text-align:justify;
	padding-left:10%;
	width:500px;
	padding-bottom:25px;
	padding-right:10%;
}

#texte-large a {
	font-family:inherit;
	border: none;
	text-decoration:underline;
}


#texte.eng {
	font-style:oblique;
	border-left:1px solid #FFFFFF;
}

#texte .link {
	font-family:Georgia;
	font-size:12pt;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

#texte .link a:link {
	background-color:#FFB55F;
}

.liens-ext {
	font-family:Georgia;
	font-size:12pt;
	width:500px;
	padding-left:10%;
	text-align:left;
	padding-bottom:10px;
	padding-right:10%;
}

.liens-ext img {
	padding-right:15px;
}

#biglink {
	clear:both;
	width:500px;
	padding:20px 10% 20px 10%;
}

#biglink a:link {
	background-color:#FFB55F;
}

#footer {
	position:relative;
	float:left;
	text-align:center;
	font-size:10pt;
	z-index:15;
	padding-left:10%;
	padding-right:10%;
	top:15%;
	width:500px;
	padding-top:15px;
}

#footer-in {
	width:560px;
	z-index:20;
	margin-left:-6%;
}

#footer-in .txt {
	line-height:1.2em;
	font-size:8pt;
}

#footer a, footer a:link, footer a:visited, footer a:active {
	color:#FFFFFF;
}

h1 {
	font-size:25px;
	border-width: 0px;
}

h2 {
	font-family:Georgia;
	font-size:20px;
    padding-top:10px;
	font-weight:normal;
}

h2.select {
	border-style:solid;
	border-width:inherit;
	border-top-width:0;
	border-bottom-width:0;
	border-right-width:0;
	border-left-width:3px;
	padding-left:5px;
}

h3 {
	font-size: 15pt;
	line-height: 1.2em; 
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.spacer {
	clear:both;
}

a {
	font-family:Georgia, 'Times New Roman';
	border: none;
}

a:link {
	color:#FFFFFF;
	text-decoration:none;
	border-width:0px;
}

a:visited {
	text-decoration:none;
	color:#FFFFFF;
	border-width:0px;
}

a:hover {
	color:#FFFFFF;
	background-color:#FFB55F;
	border-width:0px;
}

a:active {
	text-decoration:none;
	color:#FFFFFF;
	border-width:0px;
}