html {
padding:0px;
margin:0px;
}
body {
	font-size: 9px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	background-color: #FFFFFF;
	background-image: url(fo.gif);
	background-repeat: no-repeat;
	width: 1424px;
}
p, h2, pre {
margin: 0px;
padding: 5px 20px 5px 20px;
}
a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}
pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}
.alignright {
margin-top: 0;
text-align: right;
font-size: 10px;
}
h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}
strong {
font-size: 13px;
}
/*  positioning-layers static and absolute */
#left {
	position: relative;
	left: 50px;
	width: 160px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	top: 1px;
	height: 972px;
	background-color: #66CC33;
}
#content {
	border-left: 0px solid #ff3399;
	border-right: 0px solid #ff3399;
	height:1100px;
	z-index: -2;
	width: auto;
	left: 50%;
	right: 50%;
}

#bandeau {
	margin: 0px 10px 0px 10px;
	border-left: 0px solid #564b47;
	border-right: 0px solid #564b47;
	padding: 0px;
	height: auto;
	width: auto;
	position: relative;
	z-index: 9;
}
#menu {
	border-left: 0px solid #564b47;
	border-right: 0px solid #564b47;
	padding: 0px;
	width: auto;
	position: relative;
	z-index: 10;
	top: 5px;
	float: left;
	left: 10px;
	display: inline;
	height: auto;
}

#pub{
	border-left: 0px solid #564b47;
	border-right: 0px solid #564b47;
	padding: 0px;
	background-color: red;
	height:100px;
	position: inherit;
	top: 100px;
}
#pieddepage {
	border-left: 0px solid #564b47;
	border-right: 0px solid #564b47;
	background-color: #FFFFFF;
	height: 100px;
	width: 100%;
	position: relative;
	margin: 5;
}
#images{
	border-left: 0px solid #564b47;
	border-right: 0px solid #564b47;
	padding: 0px;
	height: 510px;
	width: auto;
	position: relative;
	top: 0px;
	z-index: 0;
}
#mariage{
	height: 350px;
	width: auto;
	position: relative;
	top: 0px;
	left: 5px;
	margin-right: 5px;
	border-left-color: 1px solid #FF3399;
	border-right-color: 1px solid #FF3399;
}
#rubrique{
	border-left: 0px solid #564b47;
	border-right: 0px solid #564b47;
	height: 1100px;
	width: auto;
	position: relative;
	margin: 5;
	top: 10px;
}

#content2 {
	height: auto;
	width: 1024px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -512px;
	border-left: 0px solid #FF3399;
	border-right: 0px solid #FF3399;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 1;  


}

#content3 {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
padding: 0px;
background-color: red;
height:400px;
}
#right {
	position: relative;
	width: 250px;
	color: #3300FF;
	padding: 0px;
	height: 490px;
	background-color: #330033;
	z-index: 2;
	float: left;
	left: 0px;
}

#slider {
    width: 410px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1 {
    width: 100%; /* important to be same as image width */
    height: 100%; /* important to be same as image height */
    position: relative; /* important */
	overflow: visible; /* important */
}

#sliderContent, #slider1Content {
	width: 100%; /* important to be same as image width or wider */
	position: relative;
	height: 100%;
}
.sliderImage, .slider1Image {
	float: left;
	position: relative;
	display: none;
	width: 100%;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);

    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 90px !important;
	height: 230px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 230px;
}
ul { list-style-type: none;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 100px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */

.menu2 {margin:0; list-style:none; height:auto; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(button3.gif);}
.menu2 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(button4.gif);}
.menu2 li a:hover b {background:url(button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(button3.gif) no-repeat right top;}

table {
	margin-right: -15px;
	font-size: 12px;
}
li:hover ul, .menu1 li a:hover ul {
	position: absolute;
	top: 24px;
}
li:hover ul, li, a:hover ul, a {
	display: block;
	float: left;
}
li {
	position: relative;
}
li ul {
	display: none;
}
a:hover a {
	background: #e5ecf7 none repeat scroll 0 0;
}
a:hover a, ul li:hover li {
	width: 132px;
}
ul {
	left: -1px;
	padding: 0;
}
ul, a:hover {
	margin: 0;
}
li a:hover {
	background: #900 none repeat scroll 0 0;
}
.tr:hover {
	background: transparent url('image004.jpg') repeat scroll 0 0;
	padding: 2px;
	width: 100px;
}
.tr {
	background: transparent url('image002.jpg') repeat scroll 0 0;
	height: 24px;
}
.tr, .ty {
	color: blue;
}
.ty:hover {
	color: red;
}
ul li:hover li {
	background: #e5ecf7;
}

bani {
	background-color: #CC6600;
	float: left;
	height: 200px;
	position: relative;
}
#Layer1 {
	position:relative;
	width:100%;
	height:115px;
	z-index:1;
	float: right;
	top: 10px;
}
#Layer2 {
	position:relative;
	width:65%;
	height:300px;
	float: left;
	border: 1;
	padding: 10;
	top: 10px;
	left: 5px;
	background-image: url(f.gif);
}
#Layer3 {
	position:relative;
	width:200px;
	height:115px;
	z-index:3;
}
#Layer4 {
	position:relative;
	width:30%;
	height:300px;
	float: left;
	padding: 10;
	left: 10px;
	top: 10px;
	background-image: url(f.gif);
}
#Layer5 {
	position:relative;
	width:38%;
	height:auto;
	z-index:1;
	float: left;
	margin: 5;
	background-color: #66FF66;
}
#Layer6 {
	position:relative;
	width:100%;
	height:350px;
	z-index:2;
	float: left;
	margin: 5;
	border-left-color: #66CC33;
	top: 10px;
	background-color: #CC9966;
}
#Layer7 {
	position:relative;
	width:auto;
	height:auto;
}
#Layer8 {
	position:relative;
	width:auto;
	height:115px;
	z-index:3;
	background-color: #00FFCC;
	margin-top: 10px;
	float: right;
}
#Layer9 {
	position:relative;
	width:99%;
	height:450px;
	z-index:3;
	float: left;
	top: 10px;
	left: 10px;
}
#Layer10 {
	position:relative;
	width:100%;
	height:350px;
	z-index:2;
	float: left;
	margin: 5;
	overflow: scroll;
}
#Layer11 {
	position:relative;
	width:auto;
	height:250px;
	z-index:5;
	background-color: #333333;
	overflow: scroll;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}
#Layer12 {
	position:relative;
	width:99%;
	height:600px;
	z-index:1;
	float: left;
	top: 20px;
	left: 10px;
}
#Layer13 {
	position:relative;
	width:30%;
	height:300px;
	z-index:2;
	float: right;
	background-color: #66CC33;
}
#Layer14 {
	position:relative;
	width:38%;
	height:400px;
	z-index:6;
	float: left;
}
#Layer15 {
	position:relative;
	width:99%;
	height:115px;
	z-index:6;
	background-color: #999999;
	float: left;
	top: 50px;
	left: auto;
}
#Layer16 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
}
#Layer17 {
	position:relative;
	width:100%;
	height:250px;
	z-index:1;
	overflow: scroll;
}
#Layer18 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer19 {
	position:relative;
	width:99%;
	height:100px;
	z-index:1;
	float: left;
	background-color: #666666;
	left: 10px;
}
#Layer20 {
	position:relative;
	width:200px;
	height:115px;
	z-index:7;
	float: left;
}
#Layer21 {
	position:relative;
	width:99%;
	height:100px;
	float: left;
	top: 15px;
	background-color: #999999;
	left: 10px;
}
#Layer22 {
	position:relative;
	width:100px;
	height:115px;
	z-index:1;
	float: left;
	background-color: #CC9966;
}
#Layer23 {
	position:absolute;
	width:100px;
	height:115px;
	z-index:2;
	background-color: #CCCC00;
	left: 1116px;
	top: 14px;
}
#Layer24 {
	position:relative;
	width:100px;
	height:115px;
	z-index:1;
	float: right;
	right: -60px;
}
#Layer25 {
	position:relative;
	width:100px;
	height:115px;
	z-index:1;
}
#Layer26 {
	position:relative;
	width:136px;
	height:713px;
	z-index:1;
	float: left;
	background-color: #CC9966;
	left: 50px;
}
#Layer27 {
	position:relative;
	width:100px;
	height:115px;
	z-index:2;
	float: right;
	left: 200px;
	top: -23px;
	background-color: #CCCC00;
}
.Style7 {
	color: #FFFFFF;
	font-weight: bold;
}
.Style13 {color: #FFFFFF; font-size: 10px; }
.Style15 {color: #FFFFFF; font-weight: bold; font-size: 10px; }