/* Style CSS de l'annuaire NETREF */

/***************************
***** 1 - STYLES GLOBAUX ****
***************************/

/* Corps de la page : marge, police par default, barre de scroll, couleur de fond,etc.*/
body,td,th {
	font-size: 12px;
	color: #666666;
	font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
}
body {
	font: 14px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	}
/* Style de toutes les Images */
img { border:0px; }
/* Texte standard */
.texte {  font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; clip:  border:#c5ccd2; left: 20px; color: #333333}

.check {
	border:0px;
	background-color:#E2F0FE;
}

/*****************************
***** 2 - STYLES de TITRE ****
******************************/	
	
/* Barres de titre : accueil, etc.*/
h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	align: center;
	text-align:left;
	font-variant: small-caps;
	font-size: 12px;
	color: #E3708D;
	padding: 5px;
}
/* Description de la balise h1 : détails des catégorie, etc. */
h2 {
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align:justify;
} 
/* Titre de section : catégorie, catégories connexes,éléments,résultats,etc.*/
h3 {
	margin: 10px 0px 5px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 0px;
font: 13px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;	position: static;
	color: #000033;
} 

/***********************************
***** 3 - STYLES des CATEGORIES *******************************************************************
************************************/	

/* Tableau des catégories sur index.php */
.cat {	margin-left: auto;	margin-right: auto;	width: 95%; }
/* Style pour lien de catégorie */
a.liencat {	 font-size: 12px; font-weight: bold; color: #6c97b7;	text-decoration:none; }
/* passeage de souris sur un lien de categorie */
a:hover.liencat { text-decoration: none;
	color: #E3708D;
	 }
/* Nombre de site des catégories */
.nbcat { font: 10px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; }

/******************************
***** 4 - STYLE des LIENS ****
******************************/	

/* Affichage des elements ayant une url */
.elt_website {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	margin-top:12px;
	width: 95%;
	padding: 0px 4px 10px;
	height: auto;
	clip:   rect(5px auto auto auto);
	top: auto;
	bottom: auto;
	overflow: auto;
}

/* Corps du cadre de lien */
.elt_body{	position: static; clear: both; height: auto; text-align: left; }
.elt_action_right {	float: right; position: static; }
.elt_action_left { float: left;	width: auto; }
/* contenu d'un cadre de site*/
.elt_contents {	color: #000000;	font-size: 11px; float: left; position: relative; }
.elt_comment {
font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	background-color: #FFFFCC;
	border: 2px solid #FF6633;
	width: 90%;
	margin: 5px;
	padding: 5px;
}
/* Affichage des awards  dans les cadres elements*/
.awards { float: right; padding: 4px; }
/* Affichage 'Partenaire' */
.parten { font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;  font-style: italic; color: #CC0033; }
/* Affichage 'Nouveau' pour les sites */
.new { font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; color: #FF0000; font-weight: bold; }
/* Nombre de visite IN OUT */
.visit {   font-size: 12px; }
/* Boutton d'aperçu */
.preview {	position: relative;	float: left; padding: 1px 2px 0px; }
/* Apercu Screenshoot*/
.screen_shoot {	margin: 10px 10px 8px 10px; float:left;	padding:3px; position: relative; overflow: visible; }
/* Frame ouverture Iframe*/
.ifr_on { border: solid 2px #000066; }
.ifr_off {border: solid 0px}


/******************************
***** 5 - STYLE Note Mode ****
******************************/	

/* Affichages des élément sans url - Mode note */
.elt_note {
	border: 1px solid #FEE89C;
	padding: 0px;
	background-color: #FFFFCC;
	width: 95%;
	margin-top:10px;
	padding: 0px 4px;
font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;	
	text-align: left;
}

/***********************************
***** 6 - STYLE des Liens retour ***
************************************/	

/* Lien de retour en bas de l'annuaire */
.retour { text-align: center; }
.retour a {	font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; font-weight: bold; text-decoration: none;  color: #666; }
.retour a:hover { color: green; }


/****************************************
***** 7 - STYLE des liens de Gestion  ***
****************************************/	

/* Gestion des pages 1,2,3 etc. */
gestion gestion_page_little { font-size: 9px; font-weight: normal; }
.gestion { margin-top: 0px;	font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; text-align: center; font-weight: bold; color: #003333; }
.gestion a { color: #990000; font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; font-weight: bold; font-decoration: none; }
.gestion a:hover { color: green; }
	
/*******************************************
***** 7 - STYLE des Cadres et Forumaires ***
*******************************************/	
/* Cadres pour commentaire, vote, suggestion */
#cad { width: 230;	padding: 3px;	border: 1px solid #97B4FF;	margin-left: auto;	margin-right: auto;	text-align: center; }

/* tableau et barre de formulaire */
.formulaire { text-align: left; }
tr.formulaire {	fon: verdana, arial, helvetica;	font-size: small; color: #EAEAEA; font-weight: bold; background-color: #000033;	padding: 1px; }
	
/* champ de formulaire */
.field { text-align: right; }
	
.field_bad { font-weight:bold; text-align: right;	color: #FF0000; }

/*****************************
***** 8 - STYLE des Liens ***
******************************/	
.texteCopie {
font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
clip:  border: #c5ccd2; 	left: 20px;
	text-align: justify;
	color: #E3708D;
	font-style: italic;
	font-weight: bold;
	
}

a {
	font-size: 12px;
	font-weight: bold;
	
font: 13px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;	text-decoration: none;
	color: #6C97B7;
	font-weight: bold;

}
a:visited {
	text-decoration: none;
	color: #6C97B7;
}
a:hover {
	text-decoration: none;
	color: #E3708D;
}
a:active {
	text-decoration: none;
	color: #E3708D;
}
/* Liens des sites sortants*/
.lien_1 { font: 14px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;font-weight: bolder; text-decoration: none; font-style: normal; color: #6C97B7; clip:     rect(   )}
.lien_1:hover { color : #E3708D;}

/* Liens des chemins de catégories*/
.lien_2 {  font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; font-weight: bold; text-decoration: none; font-style: normal; color: #6C97B7; clip:     rect(   )}
.lien_2:hover {color : E3708D;}

/* petit lien */
.lienp { font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; color:#666666; text-decoration: none; }


/*****************************
***** 8 - STYLE Autres ***
******************************/	
/* resultats de recherche */
.search_result { text-align:left; padding-right: 55px; padding-left: 55px; }
/* Categorie : Recherche et connexes */
#search_cat { width: 95%;text-align: left;}