/* style18 */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-left:52px;
	padding-right:28px;
	padding-top:30px;
	padding-bottom:15px;
	/*text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #1c3879;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size:12px;
	background:url(../images/page_background.jpg);
	background-color:#FFF;
	background-repeat: no-repeat;
 	background-attachment: fixed;
 	background-position: center;
}


/* font colors */

a {
	color: #003399;
	font-size: 12px;
}
a img{
	border:none;
}
p{
	font-size:14px;
	margin-top:0;
	font-family:HELVETICA;
}

b {
	color: #333333;
}
#wraper{
	background:url(../images/content_area.jpg) no-repeat;
	text-align:center;
	width:891px;
	min-height:576px;
	position:absolute;
	top: 50%;
	margin-top: -290px;/* Cette valeur doit être la moitié négative de la valeur du height */
	margin-left: -445px; /* Cette valeur doit être la moitié négative de la valeur du length */
 	left: 50%;
}

#menu {
	padding-top:2px;
	margin-top:4px;
	margin-left:9px;
	text-align:center;
	width:873px;
	float:left;
	height:22px;
	margin-right:10px;
}
#menu a, #menu h2 {
	display: block;
	text-decoration: none;
	font-family: HELVETICA;
	color:#4d4e53;
	font-size: 12px;
	line-height: 19px;
}

#menu a:hover {
	color:#FFF;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
#menu ul li {
	
	margin: 0px;
	padding-top:2px;
	
}
#menu ul li a {
	color: #4d4e53;
	padding-right: 9px;
	padding-left: 9px;
	padding-top:1px;
	font-size:12px;
	font-weight:bold;
	height:20px;
}
#menu ul li a:hover{
	background-color:#DC2B73;
	color:#FFF;
}
#menu ul ul {
	margin:0;
	padding:0;
	z-index: 500;
	height: 19px;
	line-height:19px;
}
#menu ul ul li {
	margin: 0;
	padding: 0;
	height: 19px;
	line-height:19px;
}
#menu ul ul li a {
	color:#E8559C;
	background-color:#FFF;
	height: 19px;
	line-height:19px;
	margin-top:0px;
	width:150px;
	padding-right:0;
	padding-left:0;
	padding-top:0px;
	padding-bottom:6px;
}
#menu ul ul li a:hover{
	padding-bottom:6px;
	padding-top:0px;
	background-color:#DC2B73;
	color:#FFF;
}
* html #menu {
width: 100%;
}
* html #menu ul {
	margin: 0;
	padding: 0;
	height: 20px;
}
* html #menu ul li {
	margin: 2px;
	padding: 0px;
}
 * html #menu ul li a {
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	font-size: 12px;
	white-space: nowrap;
}
* html #menu ul li {float: left; width: 5%; }

* html #menu ul ul {
	width:100px;
}
* html #menu ul ul li a{
	width:180px;
}
#menu ul ul ul li a{
	background-color:#FFF;
	color:#000;
	width:155px;
	margin-bottom:1px;
	padding-right:0px;
}
#menu ul ul ul li a:hover{
	background-color:#FBBB01;
	color:#000;
}
#menu ul ul ul {
margin-top:0px;
margin-left:0px;
top: inherit;
left: 100%;
margin-top:-16px;
}




#menu ul li ul {
	display: none;
}
#menu ul li:hover>ul {
	display: block;
	position: absolute;
}

#menu ul.first-level>li:hover>ul {
	position: absolute;
}

#menu li {
	float: left;
	position: relative;

}
#menu ul ul li {
	float: none;

}

#clearer{
	clear:both;
}
#header {
    background:#FFFFFF;
	height:100px;
	width:750px;
} 
#container{
	color:#646161;
	width:879px;
	padding-top:1px;
	font-size:11px;
}
#mainArea {
	width: 846px;
	_width: 844px;
	margin-left:11px;
	background:url(../images/content_bkg.jpg) repeat-x;
	background-color:#EEEEEE;
	}
 #mainContent, #mainContentAdmin {
	color:#646161;
	width: 935px;

	padding-top:30px;
	font-size:11px;
} 

 #mainContentAdmin { 
 	min-height:0px;
 }
#footer{
	text-align:center;
	color:#FFF;
	width:891px;
	min-height:25px;
	position:absolute;
	top: 50%;
	margin-top: 300px;/* Cette valeur doit être la moitié négative de la valeur du height */
	margin-left: -445px; /* Cette valeur doit être la moitié négative de la valeur du length */
 	left: 50%;
}
#footer a{
	text-decoration:none;
	color:#B69BAA;
	font-size:11px;
}
#Table_01 .adminlist:hover {
	background-color: #FFFF99;
}
#page_title {
	width:520px;
}
#page_title h3{
	text-align:right;
	color:#46483C;
	background:url(../images/h3_bkg.gif) repeat-x bottom;
}
#logo{
	width:166px;
	height:150px;
	position:absolute;
	margin-top:15px;
}
#hwrap{
	width:910px;
}



/* Tiny defined styles*/
.opt_white{
	color:#FFF;
	font-family: HELVETICA;
}
.opt_white_b{
	color:#FFF;
	font-family: HELVETICA;
	font-weight:lighter;
}
.opt_purple{
	font-size:12px;
	color: #a90050;
	font-family:HELVETICA;
}
.opt_purple_b{
	font-size:12px;
	font-weight:bold;
	color: #a90050;
	font-family: HELVETICA;
}
.align_left {
	text-align:left;
}
.align_right {
	text-align:right;	
}
.align_center{
	text-align:center;	
}
.opt_orange{
	color:#fec95a;
	font-family:  HELVETICA;
}
.opt_orange_b{
	font-weight:bold;
	color:#fec95a;
	font-family:  HELVETICA;
}

/* added on 12.07.2010 */
.link_white{
    color:#FFFFFF ! important;
	font-family:  HELVETICA;
	font-size:inherit ! important;
}

.link_white a{
	color:#FFFFFF ! important;
	font-size:inherit ! important;
}

.link_grey{
    color:#727272;
	font-family:  HELVETICA;
	font-size:inherit ! important;
}

.link_grey a{
	color:#727272;
	font-size:inherit ! important;
}

/*End of tiny definet styles*/


#left_part{
	background:url(../images/left_pic.jpg);
	text-align:center;
	float:left;
	height:266px;
	width:288px;
	padding:0px;
}
#content{
	font-size:13px;
	background:#FFF;
	width:873px;
	float:left;
	margin-left:9px;
	.margin-left:3px;
	height:550px;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-arrow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-track-color:#FFF;
	scrollbar-face-color:#AE0151; 
}
#content a{
	color:#727272;
	font-size:9px;
	/*text-align:right;*/
}
#content h1{
	font-family: "ps.ttf";
	font-size:14px;
	color:#dc006b;
	margin:0px;
	padding:0px;

}
#content h2{
	font-family:Times New Roman;
	font-size:12px;
 	font-style:italic;
 	color:#4c4c4c;
}
#content h3{
 font-family: "ps.ttf";
 font-size:12px;
 color:#4c4c4c;
 margin:0px;
 padding:0px;
}

#left_box{
	width:286px;
	height:185px;
	float:left;
	margin-top:40px;
}
#top{
	background:url(../images/box_up.jpg) no-repeat;
	height:33px;
}
#middle{
	background:url(../images/middle_img.jpg) repeat-y;
	width:283px;
	min-height:134px;
	padding-left:2px;
	padding-right:1px;
	
}
#bottom{
	width:891px;
	height:17px;

}
#middle_fade{
	font-size:11px;
	background:url(../images/middle_box_fade.jpg) repeat-x;	
	min-height:134px;

}
#footer ul {
	list-style-type: none;
	padding-left:0px;
	float: left;

}
#footer ul li {
	padding: 0px;
	line-height:19px;
	
}
#footer ul li a {
	font-family:arial;
	padding-top:0px;
	line-height:67px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	height:67px;
	width:140px;
	padding-right:15px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear: both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#contact{
	border:2px #BB0155 solid;
	height:150px;
	width:650px; 
	float:left;	
}

#message{
	border:2px #BB0155 solid;
	height:150px;
	width:650px; 
	float:left;	
}
#left_contact{
	
	width:200px;
	float:left; 
	height:550px;	
}