/* CSS Document */
/* Layout */

body {
  background-image:url(images/topbody.jpg);
  background-repeat:repeat-x;
  background-attachment:fixed;
  background-color:#FFFFFF;
  font-size:11px;
  color:#333333;
  overflow:auto;
  margin:0;
}
#central {
	position:relative;
	width:560px;
	//height:100%;
	top:0px;
	text-align:left;
}
#entete {
	position:relative;
	width:560px;
	text-align:right;
	font-size:11px;
	z-index:4;
}
#logo {
	position:absolute;
	top:0px;
	left:20px;
	height:150px;
	z-index:6;
}
#menu {
	text-align:left;
	line-height:1.1;
	position:absolute;
	z-index:5;
	top:30px;
	left:200px;
}
#content {
	background-image:url(images/fondcentral.jpg);
  	background-repeat:no-repeat;
	background-color:#FFFFFF;
	/*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/
	font-family:"georgia";
	position:absolute;
	top:140px;
	left:0px;
	width:520px;
	text-align:left;
	z-index:4;
	padding:20px;
}
#gdtitre{
	font-style:italic;
	color:#333333;
	font-size:22px;
}
#titre{
	font-style:italic;
	color:#0F81DA;
	font-size:15px;
}
#txtmarron{
	font-style:italic;
	color:#3C2C1D;
	font-size:13px;
}
.accordion {
	width: 520px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	color:#0F81DA;
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: italic 12px Georgia;
	border: solid 1px #c4c4c4;
	border-top: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
a   {     
	color:#0F81DA;     
	text-decoration:underline;   
	}   
a:hover   {     
	color:#3C2C1D;     
	text-decoration:none;   
	}
#menu a:link{
	color:#FFFFFF;
	text-decoration:none;  
	}
#menu a:visited{
	color:#FFFFFF;
	text-decoration:none;  
	}
a.mail {display: block;width:128px;height:128px;background-image: url(images/mail.png);background-repeat: no-repeat;float:right;}
a.mail:hover {background-image: url(images/mail-edit.png);float:right;}