body { 
	margin: 0;
	text-align: center; /* pour corriger le bug de centrage IE */ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
    background-image: url(../img/plage.jpg);
    background-repeat: no-repeat;
}

div#page {
    clear: both;
    background-image: url(../img/bgpix.png);
	margin:auto;
	width:904px;
	text-align:left;
}
div#left {
	text-align:left;
	margin:auto;
    float: left;
    width: 170px;
	height:100%;
}
div#right {
	text-align:left;
	margin:auto;
    float:left;
    width: 170px;
	height:100%;
}
div#middle {
	text-align:left;
    padding: 0px;
	margin:auto;

	float:left;
	width:554px;
	border-left: 5px solid transparent; /* bordure gauche */
	border-right: 5px solid transparent; /* bordure droite */
}
div#footer {
	margin:auto;
    clear: both;
	width:900px;
}

div#footer_link {
	margin:auto;
    clear: both;
	width:900px;
	
}
#footer_link, a.footer_link:link, a.footer_link:visited {font-size:11px; font-weight:bold; text-align:left; text-decoration:none; color:#FFF; background-color: #344B63;}
a.footer_link:hover { color:#000000;}


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

/* les zones */
/* #80BAF6 */
  
/* divers */
.majusule {text-transform:uppercase;}
td { font-size:11px;}
p  { font-size:11px;}
h1 { color:#344B63; font-size:16px; }
img { border:none;}
.alpha {
	filter:alpha(opacity=60);
	-moz-opacity:0.3; 
	border: 1px solid #344B63;
}
.new_site { background-image:url(new.gif); background-repeat:no-repeat; width:120px;}
.img_site { width:120px;}
/* contour */
.contour {border: 1px dashed #344B63; padding:1px;}
.contour_ici {border: 1px solid #344B63; padding:1px; text-align:justify; color:#344B63; padding:6px;}
.contour_sous_cat {border: 1px solid #344B63; padding:1px; text-align:justify; color:#344B63; padding:6px;}
.contour_asavoir {border: 1px solid #344B63; padding:1px; text-align:justify; color:#344B63; padding:6px;}
.contour_publicite {border: 1px solid #344B63; padding:1px; text-align:justify; color:#344B63; padding:6px;}
.contour_selection {border: 1px solid #344B63; padding:1px; text-align:justify; color:#344B63; padding:6px;}

/* titres et slogans */
.titre_menu { font-weight:bold; background-color:#344b63; color:#FFFFFF;}
.titre_ici { font-weight:bold; background-color:#344b63; color:#FFFFFF;}
.titre_sous_cat { font-weight:bold; background-color:#344b63; color:#FFFFFF;}
.titre_asavoir { font-weight:bold; background-color:#344b63; color:#FFFFFF;}
.titre_publicite { font-weight:bold; background-color:#344b63; color:#FFFFFF;}
.titre_selection { font-weight:bold; background-color:#344b63; color:#FFFFFF;}

.center { text-align:center;}

/* container */
.bg_color_blue_00 { background-color:#344B63;}
.bg_color_blue_01 { background-color:#80BAF6;}
.arrondi_gauche { background-image:url(img/arrondi_gauche.gif); background-repeat:no-repeat; width:4px; height:4px; float:left; vertical-align:top;} 
.arrondi_droit { background-image:url(img/arrondi_droite.gif); background-repeat:no-repeat; width:4px; height:4px; float:right; vertical-align:top;}

/* liens */
a { color:#344B63;}
a:hover { color:#666666;}

.normalbold { color:#344B63;}
a.normalbold:link { color:#344B63;}

.souspage { font-weight:bold; text-decoration:none; color:#344B63;}
a.souspage:link, a.souspage:visited { font-weight:bold; text-decoration:none; color:#344B63;}
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 #344B63; font-family: Verdana; color:#344B63; font-weight:bold; font-size: 10px; background-color:#DBEDFF;}
button { height:20px;}

/* couleur */
.blanc { color:#FFFFFF}
.normal { color:#344B63;}

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




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

li {}

/***** 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 */ 
a.link_cat_index_annuaire { font-weight:bold; color:#344B63; 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 { color:#344B63;}

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


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire {font-size:11px; color:#344B63; 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:#FFFFFF; }


/* 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: #344B63; font-weight:bold; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire { color:#344B63; 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: #344B63; }

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

/* 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: #344B63; font-weight: bold; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { color: #344B63; 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-image: url(../img/bgpix.png);
}
/*{ font-weight:bold; }*/

a.top_link_annuaire:hover {
 color: #F00;
 margin: 0px;
 border: 2px solid #C00;
 background-image: url(../img/bgpix.png);
}

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire {  }
.arbo_annuaire_petit { color:#344B63; }
.arbo_annuaire_ici { color:#344B63; font-weight: bold; text-decoration:none }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { color:#344B63; font-weight: bold; text-decoration:none }
a.arbo_annuaire:hover { color:#666666; 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:#344B63;  }


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