/*******************************************************************
 *			
 * 			Fichier			:	style.css 
 * 			Créé le			:	10 Septembre 2004 
 * 			Dernière modif	:	17 Mai 2005 
 * 			Email			:	contact@phpeasydata.com 
 * 
 * 				© Copyright 2004-2005 Levieux stéphane
 * 
 *******************************************************************/

/*******************************************************************
 *  Cette feuille de style qui est la feuille de style par défaut 
 * 	Pour personaliser un style redéfinissez le dans la feuille css de votre annuaire
 *  Celle ci sera prioritaire par rapport à celle ci 
 *******************************************************************/

/*******************************************************************
 *  Styles html redéfinis 
 *******************************************************************/
red {font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	font-weight:bold;
	}

.menu_ft {
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	border:1px solid #90AAF4;
	background-color:#DBFDFD;
	line-height:17px;
    vertical-align:middle;
	}
	
.barre {
	    text-align:left;
    background-color: #9cf;
    border:1px #666 solid;
    display:block;
    padding:2px 0;
    margin:0px;
	text-decoration:none;
	color:#000033;
	}

h1 {font-size:12px;
	font-weight:bold;
	letter-spacing:2px;	
	text-indent:20px;
	background-image:url(/t_2005/haut_ct.png);
	background-repeat:no-repeat;
	background-position: left;
	line-height:18px;
	margin: 0 0 0 0;
	vertical-align:top;
	}
	
.main {background-image:url(/t_2005/mid_ct.png);
background-repeat:repeat-y;
margin: 0px 0px 0px 0px;
text-indent: 10px;
line-height:14px;

       }	

h2 {font-size:10px;
font-style: italic;
}

h4 {
	background-image:url(/t_2005/bas_ct.png);
	background-repeat:no-repeat;
	background-position: left;
	margin: 0 0 0 0;
	vertical-align:top;
	font-size:10px;
}
body {

	background-color: #DDDDDD;
	scrollbar-arrow-color:  #4190F5;
	scrollbar-face-color: #A7ADC4;
	scrollbar-track-color: #D7DAE4;
	scrollbar-highlight-color: #D3D3D3;
	scrollbar-3dlight-color: #EFEFEF;
	scrollbar-shadow-color: #959595;
	scrollbar-darkshadow-color: #555555;
	color:black;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size : 75%;
	text-align:center;
}

ha {font-size:12px;
	font-weight:bold;
	letter-spacing:2px;	
	text-indent:20px;
	background-image:url(/t_2005/haut_ct.png);
	background-repeat:no-repeat;
	background-position: left;
	line-height:18px;
	margin: 0 0 0 0;
	vertical-align:top;
	}




img {
border: none;
}

sup {
color: #AAAAAA;
}

h1 {
	
	color:#6666CC;
	padding-bottom: 2px;
	padding-left: 25px;
	font: bold 1.8em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	border-bottom: 1px solid #D2DDEC;
}
h3{
	position: relative;
	color: #555555;
	padding-bottom: 2px;
	padding-left: 2px;
	font: bold 1.0em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	margin-bottom:1;

}

h2{
	color: #555555;
	}

hr {
	color:#D2DDEC;
	border-width:0.1px;
	border-color:#D2DDEC;
	border-style:solid;
}



a:visited, a:link {
	text-decoration:none;
	color:#000033;
	font-weight:bold;
	}
a:hover, a:visited:hover {
	text-decoration:none;
	color:#FF9900;
	font-weight:bold;
	}


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


#page_container{
background-color: #FFFFFF;
background-image:url(http://www.pc-ville.com/t_2005/fond.jpg);
width:1000px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-size:1em;

}


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



/*******************************************************************
 *   Header styles
 *******************************************************************/
#header
	{
    text-align:left;
	}
	
#header select, #header input{
	color:black;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #FFFFFF;
	font-size : 100%;
}
/*******************************************************************
 *   Arborescence de la page Index Styles
 *******************************************************************/
#index_arbo {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
	width: 90%;
	font-size : 100%;
	
	}

#index_arbo .main {
margin-left:5px;
margin-bottom:0px;
margin-top:5px;
}
#index_arbo  .main a{ color: #6666cc;
font-weight:bold;
 	}
#index_arbo .sub {
border-width: 1px 1px 1px 8px;
color:#4A494C;
text-align:left;
margin-left:25px;
margin-bottom:0px;
margin-top:0px;
}
#index_arbo .sub a{ color: #898989;
font-weight:normal; 	margin-left:0px;}


/*******************************************************************
 *   Arborescence affichée dans chaque annuaire Styles
 *******************************************************************/
#arbo {
	margin-left: 1em;
	padding: 5px;
	width: 100%;
	font-size : 100%;
	}


/*******************************************************************
 *   Searblock Styles
 *******************************************************************/
#header #searchblock {
	width: 100%;
	text-align:center;
	font-size : 10px;
	background-color:#EFEFEF;
	border:1px dotted gray;
	font-family:verdana;
color:black;
	}

A.searchlink:link		{ color: #4666666;}
A.searchlink:visited	{ color: #666666;}
A.searchlink:active		{ color: #666666;}
A.searchlink:hover  	{ color: #666666;}

 
/*******************************************************************
 *   SortBlock Styles
 *******************************************************************/
#sortblock {
	margin: 1em;
	padding: 0 0.5em;
	width: 100%;
}
#page_container #defaultsearch_form input {font-size:10px;}

#sortblock td{ padding-left:10px; }
#sortblock a{ color: #777777; 	background-image: none;  text-decoration:none; }
#sortblock a:hover  	{ text-decoration:underline ;	color: #000066;	}
#sortblock a.activesort{ color: #000066; 	background-image: none;  text-decoration:none; }
#sortblock a.activesort:link{ text-decoration:underline;color: #000066;}
#sortblock a.activesort:visited{ text-decoration:underline;}
#sortblock a.activesort:active{ text-decoration:underline;}
/*******************************************************************
 *   PagestBlock Styles
 *******************************************************************/
#pages {
	margin: 1em;
	padding: 0 0.5em;
	width: 80%;
	text-align:right;
	background-color:#FFFFFF;
	display:inline;
}
#pages a{ color: #ABABAB; 	background-image: none;  text-decoration:none; margin-left:5px;}
#pages a:hover  	{ text-decoration:underline ;	color: #000066;	}
#pages a.activepage{ color: #323232;  text-decoration:none; }


/*******************************************************************
 *   CategoryBlock Styles
 *******************************************************************/
#cat {font-size : 100%;
display:inline;
margin-left: 1em;}
#cat .active_cat{ color: #6699FF;text-decoration:none; font-weight:bold;  margin-left:10px;  } 
#cat A.cat:link		{  color: #898989;text-decoration:none;margin-left:10px;}
#cat A.cat:visited		{ color: #898989; text-decoration:none;margin-left:10px;}
#cat A.cat:active		{  color: #898989;text-decoration:none;margin-left:10px;}
#cat A.cat:hover  	{ text-decoration:none;font-weight:bold;color: #6699FF;	margin-left:10px;}

/*******************************************************************
 *   Record Styles
 *******************************************************************/
	
.siteblock {
	float: left;
 padding:3px;
	}
.site { 

	border-width: 1px 1px 1px 4px;
	border-style: solid;
	border-color: #6879A6;
	margin-bottom:1px; 
	background: #FFEDE6;
	-moz-border-radius:4px;
	border-radius:4px;
	width:100%;
	height:22px;

}
.site .title{
height:100%;
color:#505F87;
font-weight:bold;
font-size:120%;
 }
 .site .title2{
height:100%;
color:#000000;
font-weight:bold;
font-size:120%;
 }
 
 .date{
color:#555555;
font-style:italic;
font-size:80%;
margin-right:15px;
margin-left:15px;
 }

.field_title 
{
font-weight:bold;
text-decoration:underline;
padding:1px 10px 1px 5px;
}

.site .clicks{
color:#999999;
font-style:italic;
font-size:80%; 
margin-left:15px;}
.site td { padding:0px;
 }
 
 /*******************************************************************
 *   Notesblock Styles
 *******************************************************************/
 .notes {
 display:inline;
color:#4A494C;
text-align:left;
background-color:#F4F1FA;
}
 .notes select {font-size : 100%;background-color:#FFFFFF;color:black;}
 .notes  input {font-size : 100%;  vertical-align:middle;}
 /*******************************************************************
 *   Commentsblock Styles
 *******************************************************************/
 
 .comment{
padding:1px 20px 10px 20px;
display:inline;
text-align:left;
}
.com_txt {
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	border-color: #505F87;
	margin: 1em;
	padding: 5px;
	background: #F4F1FA;
	-moz-border-radius:6px;
	border-radius:6px;
	width: 80%;
} 
.comment a {
background-image: none;
} 


.comment input, .comment textarea, .comment select {font-size : 100%;background-color: #A7ADC4; color:white;border: 1 solid blue}
 
.form_comment {
	font-size:10px;
	color: #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.com_title{
background-color:transparent;
color:#505F87;
font-weight:bold;
font-size:100%;
}
.comdate , .user{
color:#555555;
font-size:90%;
margin-right:15px; }

/*******************************************************************
 *   Partner Record Styles
 *******************************************************************/
.site_partner {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #578FA1;
    padding: 0.5em 1em;
	background: #F4F8F9;
	-moz-border-radius:6px;
	border-radius:6px;
		width:90%;
}

.site_partner .title{
background-color:#F5FFE7;
height:150%;
color:#578FA1;
font-weight:bold;
font-size:140%; 
width:100%}
.site_partner .clicks{
color:#999999;
font-style:italic;
font-size:80%; 
margin-left:15px;}
.site_partner td { padding:3px;
 }
 

/*******************************************************************
 *   Fiche styles
 *******************************************************************/
.site .fiche { 
font-style:italic;
padding:0px 10px 0px 10px; 
text-align:right;
}
.site .fiche a{ color: #000066; 	  }

.site_partner .fiche { 
font-style:italic;
padding:0px 10px 0px 10px; 
text-align:right;
}
 .site_partner .fiche a{ color: #000066; 	  }

/*******************************************************************
 *   Main page Styles
 *******************************************************************/
#cat .cat_niveau_1{
font-size:12px; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight:bold;
	  }
#cat A.cat_niveau_1:link{ text-decoration:underline;}
#cat A.cat_niveau_1:visited{ text-decoration:underline;}
#cat A.cat_niveau_1:hover  	{ text-decoration:underline overline;	color:blue;	}
	
.cat_niveau_2{
		font-size:11px; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; 
	  }
A.cat_niveau_2:link{ text-decoration:none;}
A.cat_niveau_2:visited{ text-decoration:none;}
A.cat_niveau_2:hover  	{ text-decoration:underline overline;	color:blue;	}


.cat_niveau_3{
font-size:10px; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif;  
	  }
A.cat_niveau_3:link{ text-decoration:none;}
A.cat_niveau_3:visited{ text-decoration:none;}
A.cat_niveau_3:hover  	{ text-decoration:underline ;	color:blue;	}	

/*******************************************************************
 *   Footer Styles
 *******************************************************************/
#footer {
text-align:center; margin-left:auto;margin-right:auto;font-size : 11px;width:100%; float:left;}
 
#footer a{ 	background-image: none;}
 
.copy {font-size:10px; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center ; margin-left: 5px; margin-top:20px;	}
A.copy:link	
		 {
		text-decoration:underline;		
		}
A.copy:visited 	
		{
		text-decoration:underline	;
		}


A.copy:hover 
		{
		color:blue;
		text-decoration:underline;
		}

/*******************************************************************
 *  General Form Style
 *******************************************************************/
#form {
width:100%;
font-size : 12px;
 font-family:  "Lucida Grande", Verdana, Tahoma, Helvetica, Sans-Serif;
 background-color:#F5F5F5;

}

#form fieldset {
border-width:thin;
border-color:#CCCCCC;
border-style:solid;
}


#form .titleform{
color:black;
font-size : 12px;
letter-spacing:2px;
word-spacing:4px;
height:20px;
background-color:#FAFAFA;
 font-weight:bold;
 padding:5px;
}

#form td, #form form{
font-size : 11px;
color:black;
}
#form input, #form select, #form textarea{
font-size : 11px;
color:black;
background-color:#FFFFFF;
border:1px solid #BBBBBB;
}

#form .submit
{
cursor:pointer;
border-style: solid;
border-color:#296426;
border-width:1px;
font-size:12px;
padding: 0px;
background-color:#F5FAF8;
}


#form .error{
color:red;
background-color:#FFFFCC;
font-size:100%;
font-weight:bold;
padding:2px;

}
#form .msg{
color:#6699CC;
font-size:90%;
text-align:left;
margin-left:10px;
padding:2px;
}
#form .ok{
color:green;
padding:2px;
font-size:90%;
}
#form .comment{
color:#777777;
font-style:italic;
}

.welcome{
letter-spacing : 2px ; 
color:green;
font-style:italic;
font-size : 12px;

}

#info {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #505F87;
	margin: 1em;
	padding: 5px;
	background: #F4F1FA;
	-moz-border-radius:6px;
	border-radius:6px;
	width: 90%;
	margin-bottom:20px;
}

/*******************************************************************
 *   
 *******************************************************************/
.cadre_arrondi{border:1px solid #656565;	background-color:#F5F5F5;text-align:left;} 
.ct, .ct .cl, .cb, .cb .cl{display:block;font-size:0;line-height:0;margin:0;height:4px;position:relative}
.cb{width:100%;right:-1px}
.ct{width:100%;right:-1px}
.cl{width:100%;right:-1px}
.ct .cl, .cb .cl{width:4px;left:-2px}
.ct{background:transparent url(../graphics/cr_gg_ne.gif) no-repeat top right;top:-1px}
.ct .cl{background:transparent url(../graphics/cr_gg_nw.gif) no-repeat top left}
.cb{background:transparent url(../graphics/cr_gg_se.gif) no-repeat bottom right;bottom:-1px}
.cb .cl{background:transparent url(../graphics/cr_gg_sw.gif) no-repeat bottom left}

/*******************************************************************
 *  Styles for last validated records page 
 *******************************************************************/


#last { color: #898989;
text-align:left;
width:90%;
margin-left:auto;
margin-right:auto;

	}
#last a 
{font-weight:bold; 
color: #898989;
}
#last a:hover 
{font-weight:bold; 
color: #00c;
}		
	
#last A.directory_link:link		{  color: #898989;text-decoration:none;font-weight:normal; }
#last A.directory_link:visited		{ color: #898989; text-decoration:none;}
#last A.directory_link:active		{  color: #898989;text-decoration:none;}
#last A.directory_link:hover  	{ text-decoration:underline overline;color: #888888;	}	


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

#register {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color:#2E0D4F;
	margin: 0px;
	padding: 5px;
	background-color:#EAE3F2;
	-moz-border-radius:6px;
	border-radius:6px;
	width: 30%;
	float:right;
	margin-right:5px;
	color:black;
}

#register a{
font-weight:normal;
	color:#2E0D4F;
}


/*******************************************************************
 *  Last record added link 
 *******************************************************************/

#last_link {
	color:black;
	text-align:right;
	margin-right:15px;
	font-weight:bold;
}

#last_link a {color: #00c;}
#last_link a :hover{
text-decoration:overline underline;}
	
	
/* commom style for all browsers */
.container4 {
text-align:center; background:#eee; border-width:5px 1px 1px 1px; height:16px;
}
.menu4 {
text-align:center; font-family: verdana, sans-serif; background:#9cf; width:100%; height:16px; margin:0;	font-size:12px;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:100px; height:15px; color:#000; font-weight:bold;    border:1px #666 solid;    margin:1px;

}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:100px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; 
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#FF9900; text-decoration:none;font-weight:bold;border:1px #666 solid;    margin:1px;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:102px; height:auto; position:absolute; top:16px; left:-1px; background:#9cf; overflow:visible;text-decoration:none;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#000000; height:auto;width:100px; w\idth:100px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:100px; w\idth:100px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#FF9900; text-decoration:none;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:100px; w\idth:100px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:none;
}

