/** General  **/

body
{
background-color: #fff;
color: #333;
font: 100% helvetica,Verdana,Tahoma,Arial,sans-serif;
margin: 0;
text-align: center;
}

img { border: none; }

/**  Classes   **/

/*CSS personnel  71*/
.tabtet { margin: 0px; padding: 5px;	width: 100%; margin: auto; }
.tabentete { margin: 0px; padding: 5px;	width: 100%; height: 230px; margin: auto; background-image: url("bg_tet.jpg"); background-repeat: repeat-x;}
.logog { margin: 0px; padding: 0px;	width: 250px;  padding-left: 10px; padding-right: 10px; font-size: 12px; }
.tabtit { width: 100%; height:150px; margin:auto;}
.para { margin-left: 10px; font-family: helvetica, arial; font-size: 12px; -moz-border-radius: 10px; padding: 5px 5px 5px 5px; border: 2px solid #000080; text-align: justify; height: 100px; width: 250px; }
.cent { text-align: center; }
.left { text-align: left; padding-left: 5px; }
.left50 { margin: 0px; padding: 0px; padding-left: 45px; padding-right: 45px; font-family: helvetica, arial; font-size: 12px; text-align: justify; color: navy;}
.left25 { margin: 0px; padding: 0px; padding-left: 25px; padding-right: 25px; font-family: helvetica, arial; font-size: 12px; text-align: justify;}
.centre { font-family: helvetica, arial; font-size: 14px; text-align: center; }
.livre { width: 200px; text-align: center; font-family: helvetica, arial; font-size: 12px; color: #000080;}
.affi { width: 200px; padding-left: 50px; text-align: center; font-family: helvetica, arial; font-size: 12px; color: #000080;}
.cine { width: 100%; padding-left: 25px; padding-right: 25px;text-align: justify; font-family: helvetica, arial; font-size: 12px; color: #000080;}
.affid { width: 200px; padding-right: 50px; text-align: center; font-family: helvetica, arial; font-size: 12px; color: #000080;}
.copg { width: 40%; font-family: helvetica, arial; font-size: 10px; text-align: left; padding-left: 15px;}
.copm { width: 20%; font-family: helvetica, arial; font-size: 10px; text-align: left;}
.copd { width: 20%; font-family: helvetica, arial; font-size: 10px; text-align: right; padding-right: 15px;}
.conte { font-family: helvetica, arial; font-size: 24px; color: navy; text-align: center; }
.conter { font-family: helvetica, arial; font-size: 24px; color: purple; text-align: justify; }

/*CSS personnel fresh*/

.clear { clear: both; }
.dauphin { font-family: helvetica, arial; font-size: 12px; color: navy; text-align: justify; }
.dauph40 { font-family: helvetica, arial; font-size: 12px; color: navy; text-align: justify; padding-left:40px; padding-right:40px; }
.dauph20 { font-family: helvetica, arial; font-size: 12px; color: navy; text-align: justify; padding-left:20px; padding-right:20px; }
.pied { font-family: helvetica, arial; font-size: 12px; color: navy; text-align: center; }
.w3c { text-align: left; padding-left: 20px; }
.actu { background-color: #eee ; border: 1px solid silver; padding: 0 0 20px;
display: block; padding-top: 20px; font-family: helvetica, arial; font-size: 14px; color: navy; text-align: center; color: navy; }
.flg { float: left; width: 320px; padding-left: 20px;}
.fld { float: right; width: 320px; padding-left: 20px; }
.rs { font-family: helvetica, arial; font-size: 10px; color: navy; list-style: none; margin: 0px; padding: 5px; }

/** Main Layout **/

#container
{
text-align: left;
}
#header
{
background: #666 url(../images/corner_br.gif) bottom right no-repeat;
border-bottom: 20px solid #fff;
color: #fff;
}
#header h1
{
background: url(../images/corner_tl.gif) top left no-repeat;
font-size: 3em;
margin: 0;
text-align: center;
}
#header h1 span
{
background: url(../images/corner_tr.gif) top right no-repeat;
display: block;
padding-top: 20px;
}
#header p,#header ul
{
background: url(../images/corner_bl.gif) bottom left no-repeat;
margin: 0;
padding: 0 10px 20px;
text-align: right;
}
#header li
{
display: inline;
list-style: none;
}
#conte
{
background: #fff url(../images/conte_dauphins.jpg) center center no-repeat;
color: #fff;
}
#conter
{
background: #fff url(../images/page_dauphins.jpg) center center no-repeat;
color: #fff;
}
#nav
{
background: #ddd url(../images/corner_br.gif) bottom right no-repeat;
border-bottom: 20px solid #FFF; color: #222; padding: 0 0 20px;
}
#nav .first
{
background: url(../images/corner_tl.gif) top left no-repeat;
margin: 0;
}
#nav .first span
{
background: url(../images/corner_tr.gif) top right no-repeat;
display: block; padding-top: 20px;
}
#nav h2
{
text-align: center; text-decoration: none; font-family: helvetica, arial; font-size: 24px; color: navy
}
#nav li a
{
text-align: left; padding-left: 10px; text-decoration: none; font-family: helvetica, arial; font-size: 16px; font-weight: bold; color: navy;
}
#nav li a:hover
{
background-color: yellow;
}
#extra
{
background: #ddd url(../images/corner_bl.gif) bottom left no-repeat;
border-bottom: 20px solid #FFF; color: #222; padding: 0 0 20px;
}
#extra .first
{
background: url(../images/corner_tl.gif) top left no-repeat;
margin: 0;
}
#extra .first span
{
background: url(../images/corner_tr.gif) top right no-repeat;
display: block;
padding-top: 20px; font-family: helvetica, arial; font-size: 14px; color: navy; text-align: center; color: navy;
}
#extra h2
{
margin: 0 10px; text-align: center;
}
#extra p
{
margin: 10px;
}
#extra1
{
background: #ddd url(../images/corner_bl.gif) bottom left no-repeat;
border-bottom: 20px solid #FFF; color: #222; padding: 0 0 20px;
}
#extra1 .first
{
background: url(../images/corner_tl.gif) top left no-repeat;
margin: 0;
}
#extra1 .first span
{
background: url(../images/corner_tr.gif) top right no-repeat;
display: block;
padding-top: 20px; font-family: helvetica, arial; font-size: 14px; color: navy; text-align: center; color: navy;
}
#extra1 h2
{
margin: 0 10px; text-align: center;
}
#extra1 p
{
margin: 10px;
}
#extra2
{
background: #ddd url(../images/corner_bl.gif) bottom left no-repeat;
border-bottom: 20px solid #FFF; color: #222; padding: 0 0 20px;
}
#extra2 .first
{
background: url(../images/corner_tl.gif) top left no-repeat;
margin: 0;
}
#extra2 .first span
{
background: url(../images/corner_tr.gif) top right no-repeat;
display: block;
padding-top: 20px; font-family: helvetica, arial; font-size: 14px; color: navy; text-align: center; color: navy;
}
#extra2 h2
{
margin: 0 10px; text-align: center;
}
#extra2 p
{
margin: 10px;
}
#content
{
background: #ddd url(../images/corner_bl_alt.gif) bottom left no-repeat;
border-bottom: 20px solid #FFF; color: #000; padding: 20px 20px 70px;
}
#content .first
{
background: url(../images/corner_tl.gif) top left no-repeat;
margin: -20px -20px 0;
}
#content .first span
{
background: url(../images/corner_tr.gif) top right no-repeat;
display: block;
padding: 20px 0 0; font-family: helvetica, arial; font-size: 16px; color: navy; text-align: center; color: navy;
}
#content h2,#content h3,#content h4,#content h5,#content h6
{
text-align: center;
}

#footer
{
background: #eee url(../images/corner_br.gif) bottom right no-repeat;
border-bottom: 20px solid #FFF;
color: #333;
font-size: 0.8em;
text-align: center;
}
#footer p
{
background: url(../images/corner_tl.gif) top left no-repeat;
margin: 0;
}
#footer p span
{
background: url(../images/corner_tr.gif) top right no-repeat;
display: block;
padding: 20px 0;
}



/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire { font-family: helvetica, arial; font-size: 12px; color: #000080;}

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire { font-family: helvetice, arial; font-size: 14px; font-weight: bold; color: #000080;}

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-family: helvetica, arial; font-size: 12px; color: #000080;}

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


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

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { font-size: 12px; }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: helvetica, 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-size: 14px; color: #000080; }


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

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


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

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

/* 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 { font-family: helvetica, arial; font-size: 12px; }

/* 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-family: helvetica, arial; font-size: 12px; color: #000080; text-align: center;}

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annuaire { color: green; font-weight: bold; margin: center; text-align: center; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { color: green; font-weight: bold; font-size: 12px; text-align: center; }

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annuaire { font-family: helvetica, 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 { text-align: center; }

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

/* Texte apres avoir voter correctement */
.vote_ok_annuaire { color: #ffffff; }

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

/* 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: helvetica, Verdana, arial; font-size: 12px; color: #000080;}

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: helvetica, Verdana, arial; font-size: 17px; font-weight: bold; color: #000080; text-align: center; }

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { font-family: helvetica, Verdana, arial; font-size: 13px; color: #000080; }
.arbo_annuaire_petit { color:green; font-weight: normal; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { font-family: helvetica, Verdana, arial; font-size: 13px; color: #000080; }

/* 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-family: helvetica, Arial; font-weight: bold; text-align: center; font-size: 18px; }

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