body
{
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 1em "arial", verdana, helvetica, sans-serif ;
	background: #000000 url(../img/bg.jpg) repeat-x center top ;
}

div#conteneur
{
	width: 980px ;
	margin: 0 auto ;
	text-align: left ;
	/*background:#fff url(../img/bg.png) repeat-y;
	border: 2px solid #ab4 ;*/
}

h1#header
{
	height: 230px ;
	margin: 0 ;
	background: url(../img/header.jpg) no-repeat left top;	
	/*background: url(../img/apple.jpg) no-repeat left top;*/
}

h1#header a
{
	width: 245px ;
	height: 210px ;
	display: block ;
	background: url(../img/space.gif) no-repeat ;
	position: relative ;
	left: 9px ;
	top: 8px ;
	text-indent: -5000px ;
}
/*---------------------------- Menu ----------------------*/
	img { border: 0; }
	#siteWrap {
		margin: -215px 0 0 252px;
		width: 690px;
		height: 270px;
		position: relative;
	}
	#pageWrap {
		position: absolute;
		z-index: 5;
		top: 138px;
		left: 0px;

	}
	#specPage {
		margin-right: 19px;
		float: left;
		cursor: pointer;
	}
	#animPage {
		margin-right: 20px;
		float: left;
		cursor: pointer;
	}	
	#mariPage {
			margin-right: 21px;
		float: left;
		cursor: pointer;
	}
	#publPage {
			margin-right: 21px;
		float: left;
		cursor: pointer;
	}	
	#contPage {
		float: left;
		cursor: pointer;
	}
	#bubbleWrap1 {
		position: absolute;
		z-index: 10;
		left: 60px;
		top: 30px;
	}
	#bubbleWrap2 {
		position: absolute;
		z-index: 10;
		left: 68px;
		top: 30px;
	}
	#bubbleWrap3 {
		position: absolute;
		z-index: 10;
		left: 210px;
		top: 30px;
	}
	#bubbleWrap4 {
		position: absolute;
		z-index: 10;
		left: 354px;
		top: 30px;
	}
	#bubbleWrap5 {
		position: absolute;
		z-index: 10;
		left: 358px;
		top: 30px;
	}	
	.bubble {
		position: absolute;
	}
	.clear {
		clear: both;
	}

/*--------------------- Contenu -------------------------------*/

div#contenu
{
	margin: -10px 0px 0px 0px;
	padding: 0px 10px 0 10px ;
	/*text-indent: 2em ;
	line-height: 1.3em ;*/
	color:#FFFFFF;
}

div#contenu h2
{
	padding-left: 76px ;
	line-height: 65px ;
	font-size: 18px ;
	background: url(../img/bgtitre.jpg) no-repeat left bottom ;
	color: #FFFFFF ;
}

div#contenu h3
{
	margin-left: 120px ;
	color: #FFF; font-size: 20px; font-weight: bold;
}

div#contenu h4
{
	color: #FFFFFF; 
	font-size: 15px; 
	font-weight: bold; 
	margin: 0 0 0 0px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	clear: both;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.3em ;
	color:#FFFFFF;
	font-size:15px;
}

div#contenu a
{
	color: #485d97 ;
	text-decoration:none;
}

div#contenu a:hover
{
	color: #e2a30d;
	text-decoration:none;
}

/*--------------------------- Footer -----------------------------*/

div#footer
{
	/*padding: 0px 30px 0 30px ;*/
	text-align:center;
	height:135px;
	color: #FFFFFF ;
	background: url(../img/footer.jpg) no-repeat bottom center;	
	font-size: 12px; font-weight: normal;
}
div#footer a
{
text-decoration:none;
color:#ff9300;
font-size: 12px; font-weight: normal; 
}
div#footer a:hover
{
text-decoration:none;
color:#FFFFFF;
font-size: 12px; font-weight: normal; 
}
div#ecrifooter{
	padding: 90px 0 0 0;
}
/*--------------------------- Formulaire ------------------------*/
.cssform textarea, input, select{
/*width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; */
border: 1px solid #7690d5;
background-color:#485d97;

/*height: 1%;*/
}


input:focus, textarea:focus {
 background-color:white;
 }


/*--------------------------- Mise en page - Divers ------------------------*/
div#acc{
	background: url(../img/bgacc.jpg) no-repeat 0px 66px;
	min-height: 500px;
}

.anima{
min-height: 625px;
	background: url("../img/anim.jpg") no-repeat 0% 100%;	
}
.comm{
min-height: 362px;
	background: url("../img/comm.jpg") no-repeat 50% 100%;	
}

div#email
{
	background: url("../img/contact.png") no-repeat 95% 0%;
}
 img.c1 {
	display:none;
 }

.haut    { vertical-align:top;}
.bas    { vertical-align:bottom;}
 
.centre{
	text-align:center;
	} 
div.clear{
clear: both;
}

/*-------------------- Slider ------------------------------*/
div#animation {
	float:left;
	width:602px;
	height:480px;
	text-align:center;
	}
#rotator
{
	/*border: 1px solid #000;*/
	background-color:#485c97 ;
	cursor: pointer;
	overflow: hidden;
	margin: 70px -10px 0px 165px;
	position: relative;
	width: 395px;
	height: 292px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 395px;
	height: 292px;
}
/*------------------------Accordeon ----------------------------------*/
.spec{
min-height: 600px;
}
#basic-accordian{
	/*border:5px solid #EEE;
	padding:5px;*/
	width:968px;
	position:absolute;
	/*left:50%;
	top:50%;*/
	margin-left:6px;
	/*z-index:2;*/
	margin-top:0px;
}

.accordion_headings{
	/*padding:14px 0px 14px 3px;*/
	background: url("../img/bgtab1.png") repeat-x bottom left;	
	/*background:#485c97;*/
	color:#FFFFFF;
	border:1px solid #000;
	cursor:pointer;
	font-weight:bold;
	line-height :49px;
}

.accordion_headings:hover{
	/*background:#df2222;*/
	background: url("../img/bgtab2.png") repeat-x bottom left;		
}

.accordion_child1{
	width:900px;
	height:525px;
	padding:15px;
	background: url("../img/ala01.jpg") no-repeat bottom right;	
	color:#FFFFFF;
}
.accordion_child2{
	width:900px;
	height:525px;
	padding:15px;
	background: url("../img/mama01.jpg") no-repeat bottom right;	
	color:#FFFFFF;
}
.accordion_child3{
	width:900px;
	height:525px;
	padding:15px;
	background: url("../img/syam01.jpg") no-repeat bottom right;	
	color:#FFFFFF;
}
.accordion_child4{
	width:900px;
	height:525px;
	padding:15px;
	background: url("../img/cort01.jpg") no-repeat bottom right;	
	color:#FFFFFF;
}
.header_highlight{
	/*background:#df2222;*/
	background: url("../img/bgtab2.png") repeat-x bottom left;		
}

.tab_container *{
	float:left;
	width:240px;
}
.format{
width:50px;
height:50px;
}
/* -------------------------- mariage  -----------------------------------*/
.mari{
min-height: 450px;
	background: url("../img/mari.jpg") no-repeat 100% 100%;	
}

.mari01{
	min-height: 145px;
	background: url("../img/mari01.jpg") no-repeat;	
	text-align: center;
	width:740px;
	color: #000000;
}
.mari02{
	min-height: 145px;
	background: url("../img/mari02.jpg") no-repeat;	
	text-align: center;
	width:740px;
	color: #000000;
}
.mari03{
	min-height: 145px;
	background: url("../img/mari03.jpg") no-repeat;	
	text-align: center;
	width:740px;
	color: #000000;
}
.mari04{
	min-height: 145px;
	background: url("../img/mari04.jpg") no-repeat;	
	text-align: center;
	width:740px;
	color: #000000;
}