/*******************************************************************
 *			
 * 			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 
 *******************************************************************/


sup {
color: #AAAAAA;
}




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




/*******************************************************************
 *   Header styles
 *******************************************************************/

	

/*******************************************************************
 *   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 a{ color: #898989; }
#index_arbo a:hover  	{color: #AAAAAA;	}
#index_arbo a.active{ color: #323232;  }
#index_arbo .arbo_active{ color: #888888; } 

#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:5px;}


/*******************************************************************
 *   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: #6699FF;	}
#arbo a.active{ color: #323232;  text-decoration:none; }
#arbo .arbo_active{ color:#6699FF;text-decoration:none; font-weight:bold;  margin-left:10px;  } 

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

A.searchlink:link		{ color: #466666;}
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 {
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
 *******************************************************************/
.field_title 
{
font-weight:bold;
}

 
 /*******************************************************************
 *   Notesblock Styles
 *******************************************************************/
 
 /*******************************************************************
 *   Commentsblock Styles
 *******************************************************************/
 
 




/*******************************************************************
 *   Partner Record Styles
 *******************************************************************/


 

/*******************************************************************
 *   Fiche styles
 *******************************************************************/


/*******************************************************************
 *   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: 2px;
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  
 *******************************************************************/


/*******************************************************************
 *  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;}



/*******************************************************************
 * Pour l'album photo, la taille des vignettes et les fausses pop-up 
 *******************************************************************/
	
.img_max {
max-height:160px;
max-width:160px;
margin: 0;
padding: 0;
}

.popup {
position: relative;
z-index: 0;
}


.popup:hover{
background-color: transparent;
z-index: 50;
max-width: 500px;
}

.popup span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.popup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
max-width: 500px;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -200px; /*position where enlarged image should offset horizontally */

}