/******* structure and layout *******/
body {
width:980px;
margin:10px 10px 0px 0;
padding:0px;
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; 
font-size: 9pt; 
color:#000000;
}

.leftcontent {
position: absolute;
left:0px;
top:126px;
width:185px;
background:#ffffff url(http://www.perspicace.com/doc/img/left_bg.gif);
border:none;
text-align:left;
}

.leftcontent p {
font-family:Verdana, Tahoma, Arial, sans-serif;
font-size:10px;
}

.left_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:0 0 0 0;
width:150px;
background:#ffffff;
}

#centercontent {
background:#ffffff;
margin-top:10px;
margin-left: 199px;
margin-right:199px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}

#rightcontent {
position: absolute;
right:10px;
top:160px;
width:200px;
background:#ffffff;
border:0;
}
}
.right_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}

#banner {
background:#ffffff url(http://www.perspicace.com/doc/img/header_bg.gif);
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:39px;
color:#000000;
}
html>body #banner {
height:116px;
}


.page_title {
position:absolute;
top:53px;
left:175px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {
/* i positioned the top links absolutely within the banner area because of a problem i saw in IE when i did a float-right, and i didn't want to take the time to figure it out. Anyway, this isn't a problem until you add more links to the top nav or edit the text links. If/when you do, you'll have to adjust the position of the area by moving it right or left. 600px isthe default */
position:absolute;
top:10px;
left:540px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links p {
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size:11px;
}

h1 {
	
	color:#7F9BC5;
	padding-bottom: 2px;
	padding-left: 25px;
	font: bold 1.8em Arial,  Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	border-bottom: 1px solid #D2DDEC;
	border-left: 1px solid #D2DDEC;
	text-align:left;
}

h2 {

  color:#7F9BC5;
	font: bold 1.2em Arial, Verdana;
	text-align: justify;
	padding-top: 10px;
	}

p,pre {
margin:0px 10px 10px 10px;
}

#rightcontent p {
font-size:8pt;
}



#info {
  border:solid 2px #c7d9f5;
	margin: 10px;
	padding: 0 5px 5px 5px;
	-moz-border-radius:6px;
	border-radius:6px;
	width: 90%;
	font-size:90%;
	margin-bottom:20px;
	font-family:verdana,tahoma,arial,sans-serif;
	font-size:11px;
	text-align:justify;

}





/******* left navigation *******/
#nav ul {
margin:10px 0 10px 5px;
width:157px;
padding:0 0 0 0;
background:transparent;
}

#nav li {
list-style-type: none;
width:157px;
background:#B7D7AF;
color: #daa520;
border:1px solid #7DB26E;
text-align:left;
padding:0 0 0 0;
margin-bottom:6px;
}

#nav li a {
color: #ffffff;
width:157px;
font-weight:bold;
text-decoration: none;
display: block;
padding:2px 0 2px 5px;
}

#nav li a:hover {
background:#ffffff;
width:157px;
color: #7F9BC5;
}


#nav li a:hover:after {
/* this puts that little blue box after the left navigation links on hover */
background:#ffffff;
color: #7F9BC5;
width:157px;
content: url(http://www.perspicace.com/doc/img/square.gif)
}

/******* top navigation *******/
#topnav ul{
padding:0 0 0 0;
margin:0 5px 0 0;
font-size:7pt;
color:#ffffff;
background:transparent;
list-style:none;
}

#topnav ul li{
display:inline;
list-style:none;
}

#topnav ul li a{
margin: 0 5px 0 0;
padding: .2em .5em .2em .5em;
background:#B7D7AF;
color: #000000;
font-weight:bold;
text-decoration:none;
float: left;
border:2px solid #ffffff;
}

#topnav ul li a:hover{
background:#7DB26E;
color: #ffffff;
text-decoration:none;
border:2px solid #ffffff;
}

#c2 {
background: url(http://www.perspicace.com/graphics/content_body.jpg) repeat-y;
float: left;
}

#c4 {
background: url(http://www.perspicace.com/graphics/cadre1.jpg);
}


/******* fonts and colors *******/
a {
color:#699065;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}


.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7.5pt;
font-weight:bold;
color:#7F9BC5;
}

.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#6C9261;
}

#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#7F9BC5;
text-transform:uppercase;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#7F9BC5;
text-transform:uppercase;
}

span.squares {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(http://www.perspicace.com/doc/img/squares.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}


blockquote {
padding:10px 10px 15px 10px;
background:#E5ECF7;
border-left:2px solid #C7D9F5;
font-style:italic;
color:#6B84A8;
letter-spacing:.1em;
}

h1 {
font-size:14px;
padding-top:10px;
}

#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

/***************************************************************
*  Container for all pages
****************************************************************/

#phpeasydata_container{
background-color:#FFFFFF;
color:black;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:12px;
width:80%;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#phpeasydata_container .tinytext{
color:#999999;
font-style:italic;
font-size:80%; 
margin-left:15px;}

#phpeasydata_container .ann_desc{
color:#999999;
font-size:90%; 
margin-left:15px;
position:relative;
top:-10px;
}

/*******************************************************************
 *  Styles for Register/Connect/submission block  
 *******************************************************************/

#register {
	text-align:right;
	height:55px;
	margin:0;
	padding: 5px;
	background-color:#FFFFFF;
	background-image:url(http://www.perspicace.com/graphics/bonhomme.jpg);
	-moz-border-radius:6px;
	border-radius:6px;
	width: 100%;
	font-size:80%;
	color:black;
}

#register a{
font-weight:bold;
	color:#FEB473;
}

#register A		{  text-decoration:none;font-weight:bold;
font-size:110%;
background-image:none; }

#register A:hover  	{ color:#7F9BC5;
text-decoration: underline;
}	

/*******************************************************************
 *   Arborescence affichée dans chaque annuaire Styles
 *******************************************************************/
#arbo {
	margin-left: 1em;
	padding: 5px;
	width: 100%;
	font-size : 100%;
	}
#arbo a{ color: #898989; 	background-image: none;  text-decoration:none; margin-left:5px;}
#arbo a:hover  	{ text-decoration:underline overline;	color: #364EBC;	}
#arbo a.active{ color: #323232;  text-decoration:none; }
#arbo .arbo_active{ color:#364EBC;text-decoration:none; font-weight:bold;  margin-left:10px;  } 

/*******************************************************************
 *   Searblock Styles
 *******************************************************************/
#phpeasydata_header #searchblock {
	width: 100%;
	text-align:right;
	font-size : 80%;
	font-family:verdana;
color:red;
background:#ffffff;

	}

#phpeasydata_header a.searchlink	{ color: #466666;font-size : 80%;}
#phpeasydata_header a.searchlink:visited	{ color: #666666;}
#phpeasydata_header a.searchlink:active		{ color: #666666;}
#phpeasydata_header a.searchlink:hover  	{ color: #666666;}

 
/*******************************************************************
 *   SortBlock Styles
 *******************************************************************/
#sortblock {
	padding: 0 0.5em;
	display:inline;
	font-size:90%;
	width:100%;
}
#phpeasydata_container #defaultsearch_form input {font-size:10px;display:inline;float:right;}

#sortblock a { 	background-image: none;  text-decoration:none; }
#sortblock a.noactivesort{ 	padding: 0 0.5em;color: #777777; 	background-image: none;  text-decoration:none; }
#sortblock a.noactivesort:hover  	{ text-decoration:underline ;	color: #364EBC;	}
#sortblock a.activesort{ color: #364EBC; 	background-image: none;  text-decoration:none; }
#sortblock a.activesort:link{ text-decoration:underline;color: #364EBC;}
#sortblock a.activesort:visited{ text-decoration:underline;color:#364EBC;}
#sortblock a.activesort:active{ text-decoration:underline;color:#364EBC;}
#sortblock a.activesort:hover{ text-decoration:underline;color:#364EBC;}



/******* lists *******/

#list ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#list li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(http://www.perspicace.com/doc/img/square_list.gif) no-repeat;
background-position: 0 .3em;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(http://www.perspicace.com/doc/img/square_list2.gif) no-repeat;
background-position: 0 .3em;
}


/******* images *******/
img {
border:none;
}

.center {
text-align:center;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

input
{
    border: 1px solid;
    border-color: #C88D59;
    background-color: #FEB473;
    font-family: Verdana;
    font-size: 11px;
}