/* Style CSS de l'annuaire NETREF */

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

/* Corps de la page : marge, police par default, barre de scroll, couleur de fond,etc.*/

/* Style de toutes les Images */
img { vertical-align: middle; border: none; }
/* Texte standard */
.texte {  font-family: Verdana; font-size: 12px; 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: 0px;
	margin-bottom: 0px;
	align: center;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	padding: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* Description de la balise h1 : détails des catégorie, etc. */
h2 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
} 
/* Titre de section : catégorie, catégories connexes,éléments,résultats,etc.*/
h3 {
	margin: 10px 0px 5px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	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-family: arial; font-size: 12px; font-weight: bold; color: black;	text-decoration:none; }
/* passeage de souris sur un lien de categorie */
a:hover.liencat { color: black; }
/* Nombre de site des catégories */
.nbcat { font-family: Arial; font-size: 9px; }

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

/* Affichage des elements ayant une url */
.elt_website {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	margin-top:10px;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	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-family: Arial; font-size: 10px; font-style: italic; color: #CC0033; }
/* Affichage 'Nouveau' pour les sites */
.new { font-family: Arial; font-size: 11px; color: #FF0000; font-weight: bold; }
/* Affichage 'Vu' pour les sites */
.vu {	font-family: Arial;	font-size: 10px; color: #0000FF; font-weight: bold; }
/* Nombre de visite IN OUT */
.visit {  font-family: Arial; font-size: 9px; }
/* Boutton d'aperçu */
.preview {	position: relative;	float: left; padding: 1px 2px 0px; }
/* Apercu Screenshoot*/
.screen_shoot {	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
}

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

/* Lien de retour en bas de l'annuaire */
.retour { text-align: center; }
.retour a {	font-family: arial;  font-size: 11px; font-weight: bold; text-decoration: none;  color: black; }
.retour a:hover { color: black; }


/****************************************
***** 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-family: Arial;  font-size: 11px; text-align: center; font-weight: bold; color: #003333; }
.gestion a { color: #990000; font-size: 11px; font-family: Arial; 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 {	font-family: Arial;	font-size: small; color: #EAEAEA; font-weight: bold; background-color: #000033;	padding: 1px; }
	
/* champ de formulaire */
.field { text-align: right; }
	
.field_bad { text-align: right;	color: #FF0000; }

/*****************************
***** 8 - STYLE des Liens ***
******************************/	
/* Liens */
a {	color: #333333;	font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;	 }
a:hover { color: 808080}

/* Liens des sites sortants*/
.lien_1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; text-decoration: none; font-style: normal; color: black; clip:     rect(   )}
.lien_1:hover { color : #808080;}

/* Liens des chemins de catégories*/
.lien_2 {  font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; color: black; clip:     rect(   )}
.lien_2:hover {color : #808080;}

/* petit lien */
.lienp { font-family: Arial;	font-size: 12px; color: #000; 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;}

/* Texte OK, KO, information */
.alert_ok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	background-image:  url("im/ok.gif");
	background-repeat: no-repeat;
	text-indent: 15pt;
	border: thin solid #006600;
	padding: 0px 3px 0px 30px;
	margin: 3px;
	text-align: left;
	background-position: 3px center;
}
.alert_ko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	background-image:  url(im/ko.gif);
	background-repeat: no-repeat;
	text-indent: 15pt;
	border: thin solid #FF0000;
	padding: 0px 3px 0px 30px;
	margin: 3px;
	text-align: left;
	background-position: 3px center;
}
.alert_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
	background-image:  url(im/ico/info.gif);
	background-repeat: no-repeat;
	border: thin solid #000066;
	padding: 0px 3px 0px 30px;
	margin: 3px;
	text-align: left;
	background-position: 3px center;
}
/* message RSI - affichage lors des modification rapides*/
.message_info {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	height: 10px;
	width: 40%;
	background-color: #FFCC66;
	background-position: center;
	font-size: 9px;
	font-weight: bold;
	visibility:hidden;
}


/* Drapeaux pour select avec langue pour mozilla */
.drapfr { background-image: url("../../inc/im_flags/fr.gif"); background-repeat:no-repeat; background-position:right; }
.drapen { background-image: url("../../inc/im_flags/en.gif"); background-repeat:no-repeat; background-position:right; }
.drapde { background-image: url("../../inc/im_flags/de.gif"); background-repeat:no-repeat; background-position:right; }
.drapse { background-image: url("../../inc/im_flags/se.gif"); background-repeat:no-repeat; background-position:right; }
.drapit { background-image: url("../../inc/im_flags/it.gif"); background-repeat:no-repeat; background-position:right; }
.drapsp { background-image: url("../../inc/im_flags/sp.gif"); background-repeat:no-repeat; background-position:right; }
.drappo { background-image: url("../../inc/im_flags/po.gif"); background-repeat:no-repeat; background-position:right; }
.draptr { background-image: url("../../inc/im_flags/tr.gif"); background-repeat:no-repeat; background-position:right; }