/* 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: Arial;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	background : #ffffff url(im/fond.jpg);
	padding: 0px;
	}
/* Style de toutes les Images */
img { vertical-align: middle; border: none; }
/* Texte standard */
.texte {  font-family: Arial; font-size: 12px; clip:  border:#c5ccd2; left: 20px; color: #333333}

/* FORMULAIRES */

.bouton{
  border: 2px outset;
  padding: 2px;
  font-size: 10px;
  background-color: #E5E5E5;
}




.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: 11px;
	color: #000000;
	padding: 2px;
	font-family: Arial;
}
/* 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 {
	font-weight: bold;
	font-size: 13px;
	text-decoration : underline ;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-left: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: static;
	color: #000099;
} 


h4 {
	font-weight: bold;
	font-size: 14px;
	text-decoration : underline ;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #4d63b7;
} 

h5 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	position: static;
} 

#contact {font-size: 10pt; face=Verdana, Arial, Helvetica, sans-serif;}



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

/* Tableau des catégories sur index.php */
#navigation {	font-family:  Arial, Geneva; font-size: 12px; font-weight: bold; color: #000099;	text-decoration:none; }
.precat {	margin-left: auto;	margin-right: auto;	width: 95%; }
.cat {	margin-left: auto;	margin-right: auto;	width: 95%; }
/* Style pour lien de catégorie */
a.liencat {	font-family: Arial,Geneva; font-size: 12px; color: #000066;	text-decoration:none; font-weight: bold; }
/* 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;	width: 100%;

	background-color: #FFFFFF;

	border: 1px solid #9e9e9e;
	table-layout:fixed;
	border-collapse:collapse; }
	
	
	/*****************************
***** 8 - STYLE Sponsors ***
******************************/	


.elt_bodysponsor{	position: static; clear: both; height: auto; text-align: left;	width: 100%;

	background:  transparent url(http://www.jtrouvtou.com/annuaire/template/default/im/fondsponsor.jpg)  repeat-x;

	border: 2px solid #000000;
	table-layout:fixed;
	border-collapse:collapse; }

.elt_action_leftsponsor {float: left;	width: 100%;border-top: 1px solid #000000; background-color: #e0e0e0;}
	
	
	
	
	
	
	
	
	
.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: 12px;
	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 {    border: solid 1px #000000;background-color: #ffffff;font-family: Arial; font-size: 11px; font-weight: bold; color: #000000; }
.rank {    border: solid 1px #000000;background-color: #ffffff;}
/* Affichage 'Nouveau' pour les sites */
.new { font-family: Arial; font-size: 11px; color: #FF0000; 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}

/* Allopass Allosponsor */



	/*****************************
***** 8 - SITES REFERENCEMENT ***
******************************/	
#tableref{
	table-layout:fixed;
	width:600px;
	}
	
	
#tdref{
  table-layout:fixed;
	width:550px;
	}



	/*****************************
***** 8 - ALLOPASS ***
******************************/	

#tableallopass{
  background: transparent url(/im/fond.gif)  repeat-x;
	border: 1px solid #000099;
	table-layout:fixed;
	width:600px;
	}
	
#tableallopass2{
  background: transparent url(/im/fond.gif)  repeat-x;
	border-collapse:collapse;
	table-layout:fixed
	width:450px;
	font-size : 12pt;
	}


#tdtitreallopass{
	background: #000099;
  border: 1px solid #000;
}


#tdallopass{
  border: 1px solid #000;
}



#texteallopass{
  font-size : 12pt;
	color: #000066;
	text-decoration : underline;
	}
	
#texteallopass2{
  font-size : 10pt;
	color: #000066;
	}

#choixlogo {
  border: 2px outset;
  padding: 2px;
  color: #000000;
  background-color: #E5E5E5;
}



/***********************************
***** 6 - STYLE des Liens inscrire soumettre connexion ***
************************************/
.lieninscrire { font-weight: bold; color: #ff0000;	text-decoration: underline ; }





/******************************
***** 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; font-decoration: none; }
.gestion a:hover { color: green; }
	
/*******************************************
***** 7 - STYLE des Cadres et Forumaires ***
*******************************************/	
/* Cadres pour commentaire, vote, suggestion */
#cad {   background: transparent url(im/fondsite.jpg)  repeat-x;  width: 230;	padding: 3px;	border: 1px solid #97B4FF;	margin-left: auto;	margin-right: auto;	text-align: left; }

/* tableau et barre de formulaire */
.formulaire { text-align: left; }
tr.formulaire {	font-family: Arial;	font-size: small; color: #ffffff; background-color: #4d63b7;	padding: 1px; }
	
/* champ de formulaire */
.field { text-align: right; }
	
.field_bad { font-weight:bold; text-align: right;	color: #FF0000; }

/*****************************
***** 8 - STYLE des Liensns ***
******************************/	
/* Lie */
a {	color: #333333;	text-decoration: none ;	font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; }
a:hover { color: #ff0000}

/* 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; clip:     rect(   )}
.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; clip:     rect(   )}
.lien_2:hover {color : red;}

/* petit lien */
.lienp { font-family: Arial;	font-size: 11px; color:#666666; text-decoration: none; }






















/*****************************
***** 8 - STYLE Autres ***
******************************/	


/* texte Bienvenue */
#admin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: bold;}



/* 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: 12px;
	color: #000000;
	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; }