body { 
	margin: 0;
    padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
	background-color:#50c3ff;
	background-repeat:repeat-x;
    background-image:url(img/body/bg_body.jpg);      
}

.table_global  {margin: 0; padding: 0; margin: auto;} 
.coin_haut_gauche {background-image:url(img/body/coin_haut_gauche_24x29.png); background-repeat: no-repeat; width: 24px; height: 29px;margin: 0; padding: 0;}
.coin_haut_droit {background-image:url(img/body/coin_haut_droit_24x29.png); background-repeat: no-repeat; width: 24px; height: 29px;margin: 0; padding: 0;}
.coin_bas_gauche {background-image:url(img/body/coin_bas_gauche_24x29.png); background-repeat: no-repeat; width: 24px; height: 29px;margin: 0; padding: 0;}
.coin_bas_droit {background-image:url(img/body/coin_bas_droit_24x29.png); background-repeat: no-repeat; width: 24px; height: 29px;margin: 0; padding: 0;}

.bord_haut {background-image:url(img/body/bord_haut_1x29.png); background-repeat: repeat-x; height: 29px;margin: 0; padding: 0;}
.bord_bas {background-image:url(img/body/bord_bas_1x29.png); background-repeat: repeat-x; height: 29px;margin: 0; padding: 0;}
.bord_gauche {background-image:url(img/body/bord_gauche_24x1.png); background-repeat: repeat-y; width: 24px;margin: 0; padding: 0;}
.bord_droit {background-image:url(img/body/bord_droit_24x1.png); background-repeat: repeat-y; width: 24px;margin: 0; padding: 0;}


.h1ref  { font-size: 0.6em; color:#FFF; width: 100%; margin: auto; padding: 0px;}

div#header {
    clear: both;
	margin:auto;
	width:900px;
	text-align:left;
    background-color:#fff;	
	}
div#left {
	text-align:left;
	background-color:#fff;	
	margin:auto;
    float: left;
    width: 170px;
	min-height:800px;
    }
div#right {
	text-align:left;
	background-color:#fff;	
	margin:auto;
    float:left;
    width: 170px;
	min-height:800px;
    }
div#middle {
	text-align:left;
	margin:auto;
    background-color:#fff;
	float:left;
	width:540px;
	min-height:800px;
	border-left: 10px solid #fff; /* bordure gauche */
	border-right: 10px solid #fff; /* bordure droite */
    }
div#footer {
	margin:auto;
	background-color:#f3f5f0;	
    clear: both;
	width:900px;
}                      
div#footer_link {
	margin:auto;
    clear: both;
	width:878px;
	padding:10px;
	border:1px solid #83BB22;	
}
#footer_link, a.footer_link:link, a.footer_link:visited {font-size:11px; font-weight:bold; text-align:left; text-decoration:none; color:#7B8B4B;}
a.footer_link:hover { color:#000000;}          

/* haut de la page */
.header { background-image:url(img/header.jpg); width:900px; height:136px; background-repeat:no-repeat;}

/* les zones
#E9F7E0
#83BB22
#7B8B4B vert foncé
#E9F7E0 vert clair
#D08848 marron foncé

*/

  
/* divers */
.majusule {text-transform:uppercase;}
td { font-size:11px;}
p  { font-size:11px;}
h1 { color:#83BB22; font-size:16px; }
img { border:none;}



.alpha {
	filter:alpha(opacity=60);
	-moz-opacity:0.3; 
	border: 1px solid #83BB22;
}
.new_site {background-image:url(new.gif); background-repeat:no-repeat; width:120px;}
.img_site { width:120px;}
/* contour */
.contour {border: 1px dashed #83BB22; padding:1px;}
.contour_ici {border: 1px solid #83BB22; padding:1px; text-align:justify; color:#83BB22; padding:6px;}
.contour_sous_cat {border: 1px solid #83BB22; padding:1px; text-align:justify; color:#83BB22; padding:6px;}
.contour_asavoir {border: 1px solid #D08848; padding:1px; text-align:justify; color:#666666; padding:6px;}
.contour_asavoir img {padding:10px;}
.contour_publicite {border: 1px solid #83BB22; padding:1px; text-align:justify; color:#83BB22; padding:6px;}
.contour_selection {border: 1px solid #83BB22; padding:1px; text-align:justify; color:#83BB22; padding:6px;}

/* titres et slogans */
.titre_menu { font-weight:bold; color:#f3f5f0;}
.titre_ici { font-weight:bold; background-color:#83BB22; color:#f3f5f0;}
.titre_sous_cat { font-weight:bold; background-color:#83BB22; color:#f3f5f0;}
.titre_asavoir { font-weight:bold; background-color:#D08848; color:#f3f5f0;}
.titre_publicite { font-weight:bold; background-color:#83BB22; color:#f3f5f0;}
.titre_selection { font-weight:bold; background-color:#83BB22; color:#f3f5f0;}

.center { text-align:center;}

/* container */
.bg_color_blue_00 { background-color:#83BB22;}
.bg_color_blue_01 { background-color:#E9F7E0;}

.bg_color_marron_00 { background-color:#D08848;}

.bgc1{ background-color:#83BB22;}

/* liens */
a { color:#83BB22;}
a:hover { color:#666666;}

.normalbold { color:#83BB22;}
a.normalbold:link { color:#83BB22;}

.souspage { font-weight:bold; text-decoration:none; color:#83BB22;}
a.souspage:link, a.souspage:visited { font-weight:bold; text-decoration:none; color:#83BB22;}
a.souspage:hover { text-decoration:none; color:#ff9900; font-weight:bold;}

/* formulaire */
form {margin-bottom:0px} 
input,select,textarea { vertical-align:middle; border: 1px solid #83BB22; font-family: Verdana; color:#83BB22; font-weight:bold; font-size: 10px; background-color:#E9F7E0;}
button { height:20px;}

/* couleur */
.blanc { color:#f3f5f0}
.normal { color:#83BB22;}

.codevote { background-image:url(img/picto-code-html.gif); width:16px; height:16px; background-repeat:no-repeat; cursor:pointer; cursor:hand; }
.fichesite { background-image:url(img/picto-fiche-descriptive.gif); width:16px; height:16px; background-repeat:no-repeat; cursor:pointer; cursor:hand; }
.lienmort { background-image:url(img/picto-lien-mort.gif); width:16px; height:16px; background-repeat:no-repeat; cursor:pointer; cursor:hand; }
.recommander { background-image:url(img/picto-recommander.gif); width:16px; height:16px; background-repeat:no-repeat; cursor:pointer; cursor:hand; }

.nb_clics {color: gray; font-size: 0.8em;}


/* liens */
.menu_right_pane { padding-left:8px; padding-right:5px; color:#83BB22; font-weight:bold;}
.menulink { padding-left:5px; color:#83BB22; font-weight:bold;} 
a.menulink:link, a.menulink:visited {color:#83BB22; font-weight:bold; text-decoration:none; border-left:#fff 3px solid;}
a.menulink:hover {color:#D08848; text-decoration:none; border-left:#D08848 3px solid;}

/***** ACCUEIL *********************************************************************************************/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire {font-weight:bold;}

/* Lien vers les categories princiaples sur la page d'accueil */ 
legend { font-weight:bold; color:#D08848; text-decoration:none; padding-left:5px; padding-right:5px; background-color:#f3f5f0; }
.link_cat_index_annuaire { font-weight:bold; color:#D08848; text-decoration:none; }
a.link_cat_index_annuaire { font-weight:bold; font-size:100%; color:#D08848; text-decoration:none; }
a.link_cat_index_annuaire:hover { color:#666666;}

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { color:#666666; text-decoration:none;}
a.link_scat_index_annuaire:hover { background-color:E9F7E0; color:#000000;}

a.link_scat_index_annuaire_avec_info { color:#83BB22; text-decoration:none;}
a.link_scat_index_annuaire_avec_info:hover { background-color:E9F7E0; color:#000000;}

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { color:#f3f5f0; }


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire {font-size:11px; color:#83BB22; font-weight:bold; text-decoration:none}
a.link_scat_other_annuaire:hover {font-size:11px; color:#666666; font-weight:bold; text-decoration:none}

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { color:#D08848; }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-size: 10px; color:#666666; }

/* 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: red; font-weight:bold; }
.link_add_site { color: #D08848; font-weight:bold; }    


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire { color:#83BB22; font-weight:bold; text-decoration:none; }
a.titre_site_annuaire:hover { color:#666666; font-weight:bold;}

/* Date de validation des sites */
.date_validation_site_annuaire { font-size: 10px;  }

/* Description des sites */
.description_site_annuaire { font-size: 10px; }

/* URL des sites */
.url_site_annuaire { font-size: 10px; color:#CCCCCC; text-decoration:none }
a.url_site_annuaire:hover { font-size: 10px; color:#666666; text-decoration:none }

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


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

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire { font-weight: bold; }


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

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

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annuaire { color: #83BB22; font-weight: bold; }

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

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annuaire { font-size: 10px; }

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

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


/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annuaire { font-size: 10px; font-weight: bold; }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire {
 text-decoration: none;
 color: #0058B0;
 margin: 1px;
 padding: 1px;
 border: 1px solid #88C4FF;
 background-color: #D7EBFF;
}
/*{ font-weight:bold; }*/

a.top_link_annuaire:hover {
 color: #F00;
 margin: 0px;
 border: 2px solid #C00;
 background-color: #FFC6C6;  
}

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { font-size:11px;  }
.arbo_annuaire_petit { color:#83BB22; }
.arbo_annuaire_ici { color:#83BB22; font-weight: bold; text-decoration:none }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { color:#83BB22; font-weight: bold; text-decoration:none }
a.arbo_annuaire:hover { color:#531D11; font-weight: bold; text-decoration:none }

/* 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: 10px; color:#83BB22;  }


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

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