/* page entière */
body 
{
	background: #FFFFFF url(images/bg.gif) repeat-x;
	font: normal .7em Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* formulaire */
form 
{
	margin: 0;
	padding: 0;
	text-align: center;
}


#search 
{
		
}

#search .content 
{
	
}

#search p
{
	text-align: right;
	padding-right: 5px;
}

#textfield1 
{
	width: 150px;
	padding: 3px 5px;
	border: 1px solid #000000;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: black;
}

#textfield2 
{
	width: 400px;
	padding: 3px 5px;
	border: 1px solid #000000;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: black;
}

#submit1 
{
	color: black;   
	font: bold 1.1em Arial, Helvetica,sans-serif;   
  background-color: #fed;   
	border: 1px solid;   
	border-color: #696 #363 #363 #696; 
}

#submit1:hover 
{
  background-color: #900;
  cursor: pointer; /* cursor: hand; for IE5 */
}

#submit1 img, #submit2 img  
{ 
	margin-right: 5px;
	vertical-align: middle;
} 

#submit2 
{
  background-color: #fed;   
	border: 1px solid;   
	border-color: #696 #363 #363 #696; 
	color: black;   
	font: normal 1em Arial, Helvetica,sans-serif;   
	height: 25px;
}

#submit2:hover 
{
  background-color: #ffd700;
  cursor: pointer; /* cursor: hand; for IE5 */
}




/* main */
#wrapper 
{
	width: 1500px;
}

/* Header */
#header 
{
	position: absolute;
	text-align: center;
	width: 200px;
	height: 120px;
}

/* bannière */
#banner 
{
	position: absolute;
	margin-left: 200px;
	width: 1000px;
	height: 120px;
	background: url(images/banner.gif);
}

#language
{
	position: absolute;
	margin-top: 130px;
	text-decoration: none;
}

#language img 
{
	border:none;
}


/* menu */
#menu
{
	position: absolute;
	margin-top: 150px;
	width: 200px;
	border-style: solid;
	border-width: 1px;
}

/* contenu */
#content, #contentfull 
{
	z-index: 10;
	position: absolute;
	margin-top: 130px;
	margin-left: 210px;
	width: 990px;	
}

#contentfull 
{
	height: 600px;
	overflow:auto;
}

#contentmariage, #contentphoto, #contentguerre
{
	z-index: 10;
	width: 990px;
	height: 600px;
	text-align: center;
	overflow: auto;
	margin-top: 130px;
	margin-left: 210px;
	position: absolute;
}

#contentmariage
{
	background: #fff0f5;
}

#contentphoto
{
	background: #f0fff0;
}

#contentguerre
{
	background: #fffaf0;
}


p.contenttext
{	
	position: relative; 
	padding-left: 220px; 
	text-align: left;
	font-family: Calibri, Arial, sans-serif;
	font-size: 16px;
	text-indent: 50px;
	color: black;
} 

p.signature
{		
	padding-left: 765px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: black;
} 


#content p img 
{
	z-index: 51;
	position: absolute; 
	left: 0;
	padding-left: 10px;
	padding-top: 20px;
	vertical-align: middle;
}



.boxed 
{
	padding-bottom: 1px;
	width: 200px;
	background: #EFF3F9;	
}


.boxed .heading 
{
	margin-top: 0;
	padding: 8px 5px;
	background: #097d56 url(images/img3.gif) no-repeat center bottom;
	font: bold 1.1em Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


.boxed .content 
{
	
}

.boxed a 
{
	padding-left: 10px;
	background: url(images/img4.gif) no-repeat left center;
	text-decoration: none;
}

#posts 
{
	position: absolute;
	margin-top: 2px;
	height: 220px; 
	width: 990px;
	overflow:auto;
	text-align: left;
	border-top: 1px dotted #939A3C;
	color: black;
}

.post .title 
{
	margin: 0;
	font-size: 2em;
	text-decoration: underline;
}
.post .posted 
{
	margin-top: 0;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #999999;
}

p.postedtext
{
	font: normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
}

.post .separator 
{
	margin: 0em 0 2em 0;
	border-top: 1px dotted #939A3C;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color: #999999;
}

.post .meta p 
{
	margin: 0;
}


#footer 
{
	position: absolute;
	width: 1200px;
	margin-top: 735px;
	background: #FFFFFF url(images/footer.gif) repeat-x; 
	border-top: 1px dotted #000000;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	color: black;
}

div.footer1
{
	position: absolute;
	margin-top: 10px;
	margin-left: 5px;
}

div.footer2
{
	position: absolute;
	margin-top: 10px;
	margin-left: 205px;
}

div.footer3
{
	margin-top: 10px;
	margin-left: 1050px;
}



ul.cssMenu ul
{
	display:none;
	background: #EFF3F9;	
}

ul.cssMenu li:hover>ul
{
	display:block;
	background: #EFF3F9;	
}

ul.cssMenu ul
{
	z-index: 100;
	position: absolute;
	left:98%;
	top:-1px;
}

ul.cssMenu ul ul
{
	position: absolute;
	left:98%;
	top:-2px;
}

ul.cssMenu,ul.cssMenu ul 
{
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 0px;
	background-color:#EFF3F9;
	background-repeat:repeat;
}

ul.cssMenu table 
{
	border-collapse:collapse;
}

ul.cssMenu 
{
	display:block;
	width:200px;
	height:430px;
	float: left;
	padding-right:0px;
}

ul.cssMenu ul
{
	border-width:1px;
	border-color:black;
	border-style:solid;
	width:250px;
}

ul.cssMenu li 
{
	height: 24px;
	display:block;
	margin:0px 0px 0px 0px;
	font-size:0px;
}

ul.cssMenu a:active, ul.cssMenu a:focus 
{
	outline-style:none;
}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover 
{
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:3px 3px 3px 5px;
	font:normal 15px Tahoma;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
}

ul.cssMenu span
{
	overflow:hidden;
}

ul.cssMenu ul li 
{
	height: 24px;
	float:none;
}

ul.cssMenu ul a 
{
	text-align:left;
	white-space:nowrap;
}

ul.cssMenu li.sep
{
	text-align:center;
	padding:0px;
	line-height:0;
}

ul.cssMenu li.sep span
{
	float:none;	
	padding-right:0;
	width:100%;
	height:5px;
	display:inline-block;
	background-color:#55A1FF;	
	background-image:none;
}

ul.cssMenu li:hover
{
	position:relative;
}

ul.cssMenu li:hover>a
{
	background-image:url(images/sm_back_xp2.gif);
	border-color:#4C99AB;
	border-style:solid;
	font:normal 15px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}

ul.cssMenu li a:hover
{
	position:relative;
	background-image:url(images/sm_back_xp2.gif); 
	border-color:#4C99AB;
	border-style:solid;
	font:normal 15px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssMenu li.dis a 
{
	color: #AAAAAA !important;
}

ul.cssMenu img 
{
	border: none;
	float:left;
	margin-right:10px;
	width:20px;
	height:16px;
}

ul.cssMenu ul img 
{
	width:20px;
	height:16px;
}

ul.cssMenu img.over
{
	display:none
}

ul.cssMenu li.dis a:hover img.over
{
	display:none !important
}

ul.cssMenu li.dis a:hover img.def 
{
	display:inline !important
}

ul.cssMenu li:hover > a img.def  
{
	display:none
}

ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}

ul.cssMenu a:hover ul ul
{
	display:none
}

ul.cssMenu span
{
	display: block;
	background-image: url(images/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
  padding-right: 7px;
  border: none;
}

ul.cssMenu li:hover>a>span
{	
	background-image:url(images/arrow.png);
}

ul.cssMenu ul span,ul.cssMenu a:hover table span
{
	background-image: url(images/arr_black_2.gif)
}
ul.cssMenu ul li:hover > a span
{	
	background-image: url(images/arr_white_2.gif);
}

ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span
{
	background-image: url(images/arr_white_2.gif)
}

ul.cssMenu table a:hover table span
{
	background-image:url(images/arr_black_2.gif)
}


ul.cssMenu li img.menuW3C
{
	border: none;
	height: auto;
	width: auto;
}

ul.cssMenu li.datetime
{
	padding-top: 15px;
	font:bold 1em Verdana;
	color: #FF6633;
	text-align: center;
}

ul.cssMenu li.connected
{
	font:bold 1em Arial;
	color: black;
	text-align: center;
}


ul.cssMenu li.datetime:hover>a,
ul.cssMenu li.datetime a:hover
{
	background-image: none;
}