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

body { background: #311A14 url(http://www.creation-site-mf.com/images/bg.jpg) no-repeat; font-size: 14px;
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 }
img{
border:none;}
#textheader {
font-size:10px;
text-align:center;
color:#FFFFFF;
}
p{
text-align:justify;
line-height:15px;
padding:0px 0 5px 0;
}
#textheader a{
color:#FFFFFF;
text-decoration:none;
}
#textheader a:hover{
color:#D1E236;
text-decoration:none;
}
p.left_arrow{
text-align:justify;
line-height:15px;
padding:0px 0 5px 60px;
background:url(images/tool.gif) no-repeat left top;
}
.clear{
clear:both;
}
#main_container{
width:900px;
height:auto;
margin:auto;
}
.center_content{
width:865px;
padding:0px;
margin:auto;
}
#header{
width:865px;
height:208px;
margin:auto;
}
#logo{
padding:50px 30px 0 5px;
float:left;
font: 20px Script MT Bold;
color:#FFF;
}

a.testimonial{
float:right;
padding:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
/*----------------------menu-------------------------*/
#menu{
float:right;
padding:35px 0px 0 0;

}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase;
}
#menu ul li a{
float:left;text-transform:uppercase;text-decoration:none;padding:0px 4px 0 4px; margin:0px 8px 0 8px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #D1E236; text-transform:uppercase;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 4px 0 4px;color: #D1E236;margin:0px 8px 0 8px;text-transform:uppercase;
}

/*-----------------main content----------------------------*/
.main_content{
width:865px;
height:auto;
margin:auto;
padding:0 0 30px 0;
background-color:#FFFFFF;
}
.main_content a{
color:#311A14; 
font-weight:bold;
text-decoration:none;
}
.main_content a:hover{
color: #311A14;
text-decoration:none;
}
.main_content_top{
width:865px;
height:16px;
background:url(../images/main_content_top.gif) no-repeat center top;
}
#boxes_content{
width:865px;
clear:both;
margin:auto;
}
.box{
padding:10px 10px 10px 16px;float:left;}
.box_content{
background:url(../images/box_bg.gif) no-repeat center;width:259px;height:202px;
}

.boxtitle{
font-size:18px;
color:#fff;
padding:10px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
}
.box_icon{
float:left;
width:230px;
padding:5px 0px 0 15px;
}
p.text_content{
width:230px;
float:left;
text-align:right;
padding:5px 10px 0 15px;
color:#fff;
line-height:15px;
}
a.read_more{
padding:10px 0 0 0;
}

.title{
font-size:18px;
color:#000000;
padding:0px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
}

.left_content{
width:480px;
float:left;
padding:10px 10px 10px 20px;
}
.right_content{
width:300px;
float:left;
padding:10px 20px 0 20px;
}
.right_content ul li{
text-decoration:none;
list-style-type:none;
}

.right_news{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:49px;
height:44px;
float:left;
background:url(images/news.gif) no-repeat center;
}
.contact_icon{
width:49px;
height:44px;
float:left;
background:url(images/icon4.gif) no-repeat center;
}
.services_icon{
width:49px;
height:48px;
float:left;
background:url(images/icon5.gif) no-repeat center;
}
.news_content{
width:310px;
float:left;
text-align:justify;
line-height:15px;
padding:0 0 0 10px;
}
img.photo{
padding:10px 0 0 0;
}
/*----------------------list-------------------------*/
.list_left{
float:left;width:190px;padding:20px 10px 20px 0;
}
.list_right{
float:right;width:190px;padding:20px 0 20px 0;
}
ul.list{
list-style:none;padding:0px;margin:0px; 
}
ul.list li{
list-style:none;width: auto;height: auto;padding:0px;
}
ul.list li a{
height: 16px; width: auto; display:block;padding:0 0 0 25px; margin:5px 0 10px 0;color:#5e5e5e;text-align:left;
background:url(images/arrow_bullet.gif) no-repeat left;text-decoration:none;
}
ul.list li a:hover{
height: 16px; width: auto;text-decoration:underline;color: #5e5e5e;
}
.project_tab{
float:left;width:auto;padding:15px 0 20px 0;
}
a.yellow{
font-size:14px;
color:#6D4930;
font-weight:bold;
text-decoration:none;
}
.project_thumb{
width:133px;height:103px;float:left;text-align:center;background:url(images/thumb_bg.gif) no-repeat center; padding:15px 0 0 0;
}
p.project{
width:250px;float:left;text-align:justify;line-height:21px;padding:2px 0 0 10px; margin:0px;
}
/*-----------------------contact_form-------------------*/
#contact_form{
width:370px;
height:auto;
padding:20px 0 0 20px;
}
.form_row{
float:left;
padding:7px 0 7px 0;
}
label{
width:60px;
float:left;
padding:3px 5px 0 0;
color:#175b6c;
text-align:right;
font-weight:bold;
}
input.contact_input{
width:293px;
height:24px;
float:left;
border:1px #BFB28F solid;
background-color:#E8DEC4;
color: #6F664C;
}
textarea.contact_textarea{
width:293px;
height:80px;
float:left;
border:1px #BFB28F solid;
background-color:#E8DEC4;
color: #6F664C;
}
input.send_message{
float:right;
padding:10px 10px 0 0;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:50px;
color: #FFF;
}
#footer a{
text-decoration:none;
color: #FFF;
padding-left:10px;
}
#footer a:hover{
text-decoration:underline;
color: #D1E236;
}

a:link {
	color: #311A14;
}

a:hover {
	text-decoration: none;
	color: #D1E236;
}

a:visited {
	color: #295C6F;
}
/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire {  }

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire { font-family: Arial; font-size: 14px; }

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

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


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Arial; font-size: 12px; }

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

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire {  }

/* Date de validation des sites */
.date_validation_site_annuaire {  }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire {  }

/* Description des sites */
.description_site_annuaire {  }

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire {  }

/* Lien pour voter pour les sites */
a.vote_site_annuaire {  }

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire {  }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire {  }

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

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