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

body{
background: #ffffff;
font-family: Arial;
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: #CC3333;}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: url(../gfx/logo.jpg);
height: 170px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
background: #FFFFFF;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#footer{
clear: left;
width: 100%;
height: 40px;
background: #FFFFFF;
color: #000000;
font-family: Arial;
font-size: 9px;
text-align: center;
padding: 0px 0;
}
#footer a:link{
color: #000000;
text-decoration: none;
}
#footer a:visited{
color: #000000;
text-decoration: none;
}
#footer a:active{
color: #000000;
text-decoration: none;
}
#footer a:hover{
color: #CC3333;
text-decoration: none;
}

div#barrebas {
  background-image: url(../gfx/barrebas.jpg);
  background-repeat: no-repeat; 
  background-position: top; 
  background-repeat: no-repeat;
  width: 900px;
  height: 25px;
  padding: 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
#contentcolumn h1 {
	font-family: Arial;
	font-size: 12px;
	color: black;
	text-align: center;
	font-weight: bold;
	display: block;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

#contentcolumn h2 {
	font-family: Arial;
	font-size: 12px;
	color: black;
	text-align: center;
	font-weight: bold;
	display: block;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.text_index_annuaire {
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Lien vers les categories princiaples sur la page d'accueil */ 
a:link.link_cat_index_annuaire { font-size: 14px; color: #000000; text-decoration: none; }
a:visited.link_cat_index_annuaire { font-size: 14px; color: #000000; text-decoration: none; }
a:hover.link_cat_index_annuaire { font-size: 14px; color: #CC3333; text-decoration: underline; }
a:active.link_cat_index_annuaire { font-size: 14px; color: #000000; text-decoration: none; }


/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-size: 11px; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-size: 11px; }

/***** MENUS *****/
/* Titre menus */
.titre_menu {
	font-size: 14px;
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}
 
/* Lien menus */
a:link.top_link_annuaire {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:visited.top_link_annuaire {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:hover.top_link_annuaire {
	font-size: 12px;
	color: #CC3333;
	text-decoration: none;
}
a:active.top_link_annuaire {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
} 

/* Liens */
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #CC3333;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}



/***** 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 {
	font-family: Arial;
	color: #CC3333;
	font-size: 12px;
}


/***** SITES *****/
/* Titre des sites */
.titre_site_annuaire {
	font-size: 11px;
	color: #CC3333;
	text-decoration: none;
}

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-size: 10px; }

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

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-size: 10px; }

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

/* URL des sites */
.url_site_annuaire { font-size: 10px; color: #CC3333; }

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

/***** 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: #CC3333;
	font-family: Arial;
	font-size: 12px;
}

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


/***** 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: #CC3333;
	font-family: Arial;
	font-size: 12px;
}


/***** 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: #CC3333;
	font-family: Arial;
	font-size: 12px;
}

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a:link.type_vote_annuaire {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:visited.type_vote_annuaire {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:hover.type_vote_annuaire {
	font-size: 12px;
	color: #CC3333;
	text-decoration: none;
}
a:active.type_vote_annuaire {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

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

/* 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 {
	font-family: Arial;
	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: #CC3333; font-weight: bold; font-size: 12px; }

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

/* 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 *****/
/* Arborescence en ligne des categories (liens) */
a:link.arbo_annuaire {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a:visited.arbo_annuaire {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a:hover.arbo_annuaire {
	font-size: 10px;
	color: #CC3333;
	text-decoration: none;
}
a:active.arbo_annuaire {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

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

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire {
   font-size: 10px;
	color: #000000;
	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: 11px; font-family: Arial; }

/* Titre des pages de l'annuaire */
.titre_annuaire { font-size: 15px; 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 {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	
}  }

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire {  }

/* Small link */
a:link.small_link {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
a:visited.small_link {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
a:hover.small_link {
	font-size: 9px;
	color: #CC3333;
	text-decoration: none;
}
a:active.small_link {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

/* Conditions */
.conditions_annuaire {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 1.0em;
	text-align: left;
}

/* Séparateur Menus */
div#separat {
	background-image: url(../gfx/separat.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	width: 160px;
	height: 25px;
	padding: 4px 0px 6px;
}

/* Alerte inscription */
.alerte {
	font-family: Arial;
	font-size: 12px;
	color: #FF0000;
	font-weight: normal;
}

/***** CONTACT *****/
.legend {
   font-size: 12px;
	color: #000000;
	text-decoration: none;
}


/***** DISCLAIMER *****/
div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:black; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#CC3333; }
div#disclaimer-cadre a:hover{ color:#FF0000; }