/***** BODY *****/

body { background: #ffffff; font-family: Arial; }





/***** ACCUEIL *****/
/* Lien vers les categories princiaples sur la page d'accueil */ 

a.link_cat_index_annuaire { font-size: 17px; }



/* Lien vers les sous-categories sur la page d'accueil */ 

a.link_scat_index_annuaire { font-size: 14px; }



/* Nombre de sous-categories entre les () sur la page d'accueil */

.nb_scat_index_annuaire { font-size: 15px; }





/***** CATEGORIES *****/

/* Lien vers les sous-categories sur les pages des categories */ 

a.link_scat_other_annuaire { font-family: Arial; font-size: 15px; }



/* Nombre de sous-categories entre les () sur les pages des categories */

.nb_scat_other_annuaire {  }





/* Texte qui est affiche en guise de description d'une categorie */

.text_cat_annuaire { font-weight: bold; font-family: Arial; font-size: 12px; }



/* Texte pour dire qu'il n'y a pas de site dans une categorie :

Pas encore de sites dans...

*/

.no_site_in_cat_annuaire { color: #ff0000; }





/***** SITES *****/

/* Titre des sites */

a.titre_site_annuaire { font-size: 14px; }



/* Nombre de clics sur les sites */

.nb_clics_site_annuaire { font-size: 14px; }



/* Date de validation des sites */

.date_validation_site_annuaire { font-size: 14px; }



/* Moyenne + nombre de votes dans le top votes */

.moyenne_votes_topv_annuaire { font-size: 12px; }



/* Description des sites */

.description_site_annuaire { font-size: 12px; }



/* URL des sites */

.url_site_annuaire { font-size: 12px; color: dimgray }



/* Moyenne des votes des sites */

.moyenne_votes_site_annuaire { font-size: 12px; }



/* Lien pour voter pour les sites */

a.vote_site_annuaire { font-size: 12px; }



/* 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-size: 12px; }



/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */

.position_site_annuaire { font-size: 14px; }





/***** NOUVEAUTES *****/

/* Texte pour dire qu'il n'y a pas de nouveaux sites ces X derniers jours :

Aucun site n'a été ajouté ...

*/

.no_new_site_annuaire { color: #ff0000; }



/* Date pour laquelle il y a des nouveaux sites */

.date_new_site_annuaire { font-weight: bold; }





/***** TOP CLICS *****/

/* Texte pour dire qu'aucun site n'a deja recu de clic :

Aucun site n'a encore reçu de visite...

*/

.no_clic_site_annuaire { color: #ff0000; }





/***** TOP VOTES *****/

/* Texte pour dire qu'on n'a pas encore voter pour les sites :

Aucun site n'a encore reçu de vote...

*/

.no_vote_site_annuaire { color: #ff0000; }



/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */

a.type_vote_annuaire {  }





/***** RECHERCHE *****/

/* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee :

Aucun résultat pour la recherche...

*/

.no_res_search_annuaire { color: #ff0000; }



/* Timer pour le moteur de recherche */

.timer_search_annuaire { font-style: italic; }



/* Texte dans les resultats d'une recherche :

Categories trouvées, Sites trouves

*/

.res_search_cat_site_annuaire { font-weight: bold; }



/* Champ pour entrer le(s) mot(s) a rechercher */

input.text_to_search_annuaire {  }



/* Bouton pour lancer la recherche */

input.button_make_search_annuaire {  }



/* Texte en dessous du champ pour entrer la recherche a effectuer :

Résultats par page ...

*/

.text_search_annuaire {  }



/* Liste deroulante pour choisir le nombre de resultats de la recherche */

select.list_nb__res_search_annuaire {  }





/***** AJOUTER UN SITE *****/

/* Texte de confirmation apres la proposition d'un site dans l'annuaire */

.confirm_add_site_annuaire { font-size: 14px; }



/* Texte pour dire que tous les champs sont obligatoires */

.all_field_required_annuaire { 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énom,...

*/

.text_before_field_add_annuaire { font-family: Arial; 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éjà voté ces dernières...

*/

.deja_vote_annuaire { color: #ff0000; }



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

Pas encore de commentaire...

*/

.no_com_site_annuaire { color: #ff0000; }



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





/***** DIVERS *****/

/* Lien dans le bas des pages */

a.link_footer_annuaire { font-family: Verdana; font-size: 12 px; font-weight: bold; }



/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */

a.top_link_annuaire { font-family: Verdana; font-size:13 px; }



/* Arborescence en ligne des categories (texte) */

.arbo_annuaire {  }

.arbo_annuaire_petit { color:green; font-weight: normal; }



/* Arborescence en ligne des categories (liens) */

a.arbo_annuaire {  }



/* 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; font-family: Arial; }



/* Titre des pages de l'annuaire */

.titre_annuaire { font-size: 18px; font-weight: bold; font-family: Arial; }



/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */

.link_to_cat_annuaire {  }



/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */

input.button_close_annuaire {  }





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

**********************************************************************

*************                                     ********************

*************    CSS pour la partie MAC97000      ********************

*************                                     ********************

**********************************************************************

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



* { margin: 0; padding: 0; }

body {

	background-color: #ffffff;

	text-align: justify;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin: 20px 0;

	padding: 0;

	color: #666666;

	z-index: 1;

}

#banniere {

	position: absolute;

	left: 420px;

	top: 25px;

	z-index: 3;

}

h1, h2, h3 { 

	color:  #333333;

	font-size: 1em;

}

h4 {

	font-size: .8em;

}

h1 a, h2 a, h3 a, h4 a {

	text-decoration: none;

	color: #000000; 

}

p, blockquote, ul, ol {

	margin-bottom: 1.5em;

	line-height: 1.65em;

	text-align: justify;

}

p {}

.right { text-align:right;}

.center { text-align: center;}





/* Header */

#header {

	width: 920px;

	height: 120px;

	margin: 0 auto;

	padding: 20px 20px 0 20px;

    background: url(../images/img01.jpg) no-repeat;

	position: absolute;

	left: 10px;

	top: 5px;

	z-index: 2;

}

/* Header > Logo */



#logo {

	float: left;

	width: 240px;

	height: 50px;

}



#logo h1 {

	float: left;

	margin: 0;

	padding: 50px 0 0 0;

	font-size: 2.6em;

}



#logo h2 {

	float: left;

	margin-top: -5px;

	font-size: 1em;

}



#logo a {

	text-decoration: none;

	color: #000000;

}

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

/* Content */



#content {

	width: 920px;

	margin: 0 auto;

	padding: 20px;

	border-top: 1px solid #FFFFFF;

	z-index: 1;

	position: absolute;

	left: 10px;

	top: 150px;

}



/* Content > Main */



#main {

	width: 100%;

	padding-left: 20px;

	z-index: 1;

}



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

/* Menu  */



#menu { float: right;

		z-index: 2;

		margin: 0px auto;

}

#menu ul {

	margin: 0;

	list-style: none;

}

#menu a {

	display: block;

	float: left;

	width: 120px;

	height: auto;

	margin-left: 2px;

	padding-top: 10px; 

	text-decoration: none;

	text-align: center;

	color: #000000; 

}

#menu .active a {

	background-image: url(../images/img05.gif); /* permet au lien accueil d'etre orange */

}



/* CSS issu des tutoriels http://css.alsacreations.com */

dl, dt, dd, ul, li {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

#menu dl {

	float: left;

	margin: 0 1px;

	padding-top: 79px; /* plaque le menu sur le bord inf du header */

} 

#menu dt {

	display: block;

	width: 116px;

	height: 30px;

	text-align: center;

	text-decoration: none;

	text-transform: capitalize;

	font-size: 16px;

}

#menu dd {

	width: 114px;

	font-size: 14px;

}

#menu li {

	display: inline; 

	text-align: center;

}

#menu li a, #menu dt a {

	text-decoration: none;

	display: block;

	height: 100%;

	border: 0 none;

	background-color: #ffffFF;

}

#menu li a:hover{

	background-color: #6699FF;

	border: 1px solid gray;	

}

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

/* Footer */



#footer {

	clear: both;

	width: 960px;

	height: 80px;

	margin: 0 auto;

	padding: 20px 0;

	background: url(../images/img02.jpg) no-repeat;

/*	position: absolute;

	bottom: 1px; */

	z-index: 1;

}



#footer p {

	margin: 0;

	text-align: center;

	line-height: normal;

	font-size: x-small;

}



#footer a {

	text-decoration: none;

	color: #666666;

}



#footer a:hover {

	text-decoration: none;

}



/* Footer > Legal */



#legal {

}



/* Footer > Links */



#links {

}

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

/*  Les images  */

img {

	border: none;

}



img.left {

	float: left;

	margin: 5px 20px 0 0;

}



img.right {

	float: right;

	margin: 5px 0 0 20px;

}

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

/*  Les liens  */

a {

	text-decoration: underline;

	color: #3E9722;

}



a:hover {

	text-decoration: none;

	color: #E58C24;

}



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

/* liste et citation */

blockquote {

	margin-left: 2em;

	margin-right: 2em;

	font-style: italic;

}



ul {

	margin-left: 3em;

}



ul li {

}



ol {

	margin-left: 3em;

}



ol li {

}

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

/* PUB */

.pub { text-align:center;

}