﻿/***** BODY *****/
body {
/*	background-image: url('../im/bck1.jpg');
	background-attachment: fixed; */
	background-color: #F9F9F9;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #0C4B7B;
}

/*---------*/
/* ACCUEIL */
/*---------*/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333;
}

.milieu { text-align: center;}

/* Lien vers les categories principales sur la page d'accueil */ 
a.link_cat_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bolder; text-decoration: none; color: #0C4B7B; }

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; text-decoration: none; font-weight: lighter;  color: #0C4B7B; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

/*------------*/
/* CATEGORIES */
/*------------*/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 75%; font-weight: bolder; color: #0C4B7B; }

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; }

/* Texte pour dire qu'il n'y a pas de site dans une categorie :
Pas encore de sites dans...
*/
.no_site_in_cat_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #C20000; }

/*------------*/
/*   SITES    */
/*------------*/
/* Titre des sites */
a.titre_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 80%; font-weight: bolder; color: #0C4B7B; }

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #0C4B7B; }

/* Date de validation des sites */
.date_validation_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #0C4B7B; }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #0C4B7B; }

/* Description des sites */
.description_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; }

/* URL des sites */
.url_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #222; }

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #0C4B7B; }

/* Lien pour voter pour les sites */
a.vote_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 70%; color: #222; }

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire { font-size: 12px; }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #222;}

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bolder; color: #0C4B7B;}


/*--------------*/
/*  NOUVEAUTES  */
/*--------------*/
/* Texte pour dire qu'il n'y a pas de nouveaux sites ces X derniers jours :
Aucun site n'a &eacute;t&eacute; ajout&eacute; ...
*/
.no_new_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #C20000; }

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bolder; color: #222; }

/*-------------*/ 
/*  TOP CLICS  */
/*-------------*/
/* Texte pour dire qu'aucun site n'a deja recu de clic :
Aucun site n'a encore re&ccedil;u de visite...
*/
.no_clic_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #C20000; }

/*-------------*/
/*  TOP VOTES  */
/*-------------*/
/* Texte pour dire qu'on n'a pas encore voter pour les sites :
Aucun site n'a encore re&ccedil;u de vote...
*/
.no_vote_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #C20000; }

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a.type_vote_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bolder; color: #0C4B7B; }

/*-------------*/
/*  RECHERCHE  */
/*-------------*/
/* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee :
Aucun r&eacute;sultat pour la recherche...
*/
.no_res_search_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #C20000; }

/* Timer pour le moteur de recherche */
.timer_search_annuaire { font-weight: bold; font-size: 0.7em; color: #333;}

/* Texte dans les resultats d'une recherche :
Categories trouv&eacute;es, Sites trouves
*/
.res_search_cat_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bolder; }

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire { font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333;  }

#recherche {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
}

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal;  }

/* Texte en dessous du champ pour entrer la recherche a effectuer :
R&eacute;sultats par page ...
*/
.text_search_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal;  }

/*-------------------*/
/*  AJOUTER UN SITE  */
/*-------------------*/
/* Texte de confirmation apres la proposition d'un site dans l'annuaire */
.confirm_add_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; font-weight: bold; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { color: #ff0000; font-weight: bold; font-size: 14px; }

/* Texte devant les champs :
Votre nom :, Votre pr&eacute;nom,...
*/
.text_before_field_add_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */
input.field_data_add_site_annuaire {  }

/* Textarea pour la description du site */
textarea.descr_add_site_annuaire {  }

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annuaire {  }

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annuaire {  }  

/*---------*/
/*   VOTE  */
/*---------*/
/* Texte si on a deja vote pour le site :
Vous avez d&eacute;j&agrave; vot&eacute; ces derni&egrave;res...
*/
.deja_vote_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #C20000; }

/* Texte apres avoir voter correctement */
.vote_ok_annuaire { color: #009900; }

/* Texte qui apparait dans la popup avant de voter :
Vous allez pouvoir voter...
*/
.text_vote_annuaire { font-weight: bold; }

/* Liste deroulante avec les votes possibles */
select.list_vote_site_annuaire {  }

/*----------------*/
/*  COMMENTAIRES  */
/*----------------*/
/* Texte pour signaler qu'il n'y a pas encore eu de commentaires pour un site */
.no_com_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #C20000; }

/* Auteur + date d'ajout du commentaire */
.author_and_date_com_annuaire { font-weight: bold; }

/* Texte du commentaire */
.text_com_annuaire {  }

/* Bouton pour ajouter un commentaire */
input.button_add_com_annuaire {  }

/* Texte devant les champs du formulaire d'ajout d'un commentaire */
.text_before_field_com_annuaire { font-weight: bold; }

/* Textarea pour entrer le commentaire */
textarea.text_add_com_annuaire { font-size: 12px; }

/* Champs nom et email pour la personne qui ajoute un commentaire */
input.champ_com_annuaire {  } 

/*-------------*/
/*  Mots Clefs */
/*-------------*/

/* Lien vers les mots-clefs principaux */ 
a.top_mots_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: inherit; font-weight: bolder; text-decoration: none; color: #333; }

/*----------*/
/*  DIVERS  */
/*----------*/
/* Lien dans le bas des pages */
a.link_footer_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12 px; font-weight: bold; color: #0C4B7B;}

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 0.7em; 
					  text-decoration: none;
					  font-weight: bolder;
					  color: #333; }

/* Liens principal de l'annuaire au dessus du Logo */
a.top_link_logo { font-family: Verdana, Arial, Helvetica, sans-serif;
 				  font-size: 0.8em;
				  text-decoration: none;
				  font-weight: bolder;
				  color: #0C4B7B;}

.couleur01 { color: #0C4B7B;}
.couleur02 { color: #333; font-size: 0.6em; font-weight: normal;}				  

#centrage { text-align:center; }

/* Liens bas de page */
a.bas_page { font-family: Verdana, Arial, Helvetica, sans-serif;
 				  font-size: 0.6em;
				  text-decoration: none;
				  font-weight: normal;
				  color: #333;}

a.bas_page_bold { font-family: Verdana, Arial, Helvetica, sans-serif;
 				  font-size: 0.7em;
				  text-decoration: none;
				  font-weight: bold;
				  color: #333;}

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #222; }
.arbo_annuaire_petit { color:green; font-weight: normal; }

/* Top Mots-Clefs */
a.link_top_mots_clefs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bolder; text-decoration: none; color: #0C4B7B; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #222;}

/* Liens vers les numeros des pages si il y a trop de sites pour etre affiche sur une seule page (categorie + recherche) */
a.link_numpage_annuaire { font-size: 11px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0C4B7B;}

/* Titre des pages de l'annuaire */
.titre_annuaire { font-size: 13px; font-weight: bold; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color: #0C4B7B; }

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire {  }
/* ------------------------------------------------------- Data Size */
.dat15   { width: 15%; }
.dat16   { width: 16%; }
.dat16c  { width: 16%; text-align: center; }
.dat17   { width: 17%; }
.dat21   { width: 21%; }
.dat21c  { width: 21%; text-align: center; }
.dat23c  { width: 23%; text-align: center; }
.dat25   { width: 25%; }
.dat25c  { width: 25%; text-align: center; }
.dat25l  { width: 25%; text-align: left;   }
.dat25r  { width: 25%; text-align: right;  }
.dat33   { width: 33%; }
.dat33c  { width: 33%; text-align: center; }
.dat33l  { width: 33%; text-align: left;   }
.dat34c  { width: 34%; text-align: center; }
.dat50   { width: 50%; }
.dat50c  { width: 50%; text-align: center; }
.dat50ct { width: 50%; text-align: center; vertical-align: top}
.dat75   { width: 75%; }
.dat75l  { width: 75%; text-align: left;   }
.dat100  { width: 100%; }
.dat100c { width: 100%; text-align: center; }
.datmenu { width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }