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

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-left: 10px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	}

/* Style de toutes les Images */

img { vertical-align: middle; border: none; }

/* Texte standard */

.texte {  font-family: Arial; font-size: 10px; left: 20px; color: #333333}



/* FORMULAIRES */

input,select,textarea {

	border:2px solid #999999;

	background-color:#E9E9FC;

	font-family: Verdana, Arial, Geneva;

	font-size: 12px;

}

.check {

	border:0px;

	background-color:#E2F0FE;

}



/*****************************

***** 2 - STYLES de TITRE ****

******************************/	

	

/* Barres de titre : accueil, etc.*/

h1 {

	margin-top: 0px;

	margin-bottom: 0px;

	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: 10px;

	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: 13px;

	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: #000099;	text-decoration:none; }

/* passeage de souris sur un lien de categorie */

a:hover.liencat { color: red; }

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

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

.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-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; }

.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;	font-weight: bold; }

a:hover { color: #F881A2}



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

.lien_1:hover { color : red;}



/* Liens des chemins de catégories*/

.lien_2 {  font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; color: #000099; }

.lien_2:hover {color : red;}



/* petit lien */

.lienp { font-family: Arial;	font-size: 11px; color: #EAEAEA; 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; }