A {
color: blue;
text-decoration: none
} 
A:visited {
color: black; 
text-decoration: none
} 
A:hover {
color: purple; 
text-decoration: underline
}

.imageflottante
{
   float: left;
   margin: 10px 20px 10px 10px;
}


body /* On travaille sur la balise body, donc sur TOUTE la page */
{
background-image : url(images/fond_ecran/testbg.gif);
background-repeat : repeat-x;
background-attachment: fixed; /* Le fond restera fixe */
background-color : #b6d4fd;

}

#en-tete
{
background-image : url(../images/header11.jpg);
background-repeat: repeat-x;
font-family:  Verdana, Arial, serif;
font-size: 12px;
color: #191883;
}
.imageheader
{
   float: left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#en-tete p  {
font-family:  Verdana, Arial, serif;
font-size: 24px;
font-weight: bold;
color: #191883;
}

/*--------------------------------------------------------------*/
/* Navigation Header                                                  */
/*--------------------------------------------------------------*/

#en-tete .navigheader		{ 
height : 18px;
background-color : #ffe5a5;
font-family: Verdana, Arial, serif; 
font-size: 11px;
border-collapse:collapse;
text-align: left;
width:100%
} 

#en-tete .navigheader th a {
height : 12px;
padding: 3px 0px 3px 0px;
font-family: Verdana, Arial, serif;
font-weight: bold; 
font-size: 11px;
padding-right:10px;
color: #191883; 
}
#en-tete .navigheader th h1 {
height : 12px;
padding: 3px 0px 3px 0px;
font-family: Verdana, Arial, serif;
font-weight: bold; 
font-size: 11px;
padding-right:10px;
color: #191883; 
}

/*--------------------------------------------------------------*/
/* Menu                                                                        */
/*--------------------------------------------------------------*/

#menu
{
float:left;
width: 150px; /* Très important : donner une taille au menu */
font-family: Verdana, Arial, serif; 
font-size: 10px;
color: white;
}

#menu	p	{ 
padding: 0px 5px 0px 5px;
font-size: 10px;
color:black;
}
 
.menugauche		{ 
border-collapse:collapse;
width:100%;
background-color :#f1f1ef;
margin: 0px 0px 0px 0px;
}
.menugauche th				{
background-image : url(images/header_bande_2.gif);
padding: 3px 0px 4px 0px;
font-family: Verdana, Arial, serif; 
font-size: 11px;
font-weight: bold; 
color:white;
text-align: center;
}
.menugauche td  {
padding: 2px 2px 2px 2px;
font-family: Verdana, Arial, serif;
font-size: 12px; 
}

/*--------------------------------------------------------------*/
/*  Top bon plan                                                             */
/*--------------------------------------------------------------*/
.topbonplan		{ 
border-collapse:collapse;
width:100%;
background-color:#ffe5a5;
margin: 0px 0px 0px 0px;

}

.topbonplan th				{
background-image : url(images/header_bande_2.gif);
padding: 5px 5px 5px 5px;
font-family: Verdana, Arial, serif; 
font-size: 10px;
color:white;
text-align: center;
margin-top: 0px ;
}

.topbonplan td  {
padding: 10px 2px 10px 2px;
}


/*--------------------------------------------------------------*/
/* Navigation Header                                                  */
/*--------------------------------------------------------------*/

#publicite {
width:150px;
margin-top: 0px ;
font-family: Verdana, Arial, serif; 
font-size: 10px;
color: black;
}

.pub_partenaire {
border-collapse:collapse;
width:100%;
background-color :#ffe5a5;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.pub_partenaire th {
background-image : url(images/header_bande_2.gif);
padding: 5px 5px 5px 5px;
font-family: Verdana, Arial, serif; 
font-size: 10px;
color:white;
text-align: center;
}

.pub_partenaire td {
padding: 10px 5px 10px 5px;
font-family: Verdana, Arial, serif; 
}


#bas {
clear:left
}

#footer 
{
margin-top: 5px;
margin-bottom: 10px;
font-family: Verdana, Arial, serif; 
font-size: 11px;
color : silver
}
#footer a
{
font-size: 11px;
color : white
}

.fondpage 		{ 
width:80%;
margin: auto;
background-color: #3c6fb3;
padding: 0px 0px 0px 0px;
border-collapse:collapse;
border: 1px solid silver; 
}


/*--------------------------------------------------------------*/
/* formulaire                                                  */
/*--------------------------------------------------------------*/
fieldset              {
width:75%;
margin: auto;
/*border: 1px solid #709ad3;*/
background-color:#e8e8ff;
padding: 10px 15px 10px 15px;
text-align:left;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ */ 
{
background-color:#ebf5ff;
}

input, textarea
{
   font-family: Verdana, Arial, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Verdana, Arial, serif; 
   color: #FF9933;
   font-weight: bold;
}

/* Nom des options */
.text1 		{ 
color: white; 
font-family: Verdana, Arial, serif; 
font-size: 12px;
height: 14px} 

/* Texte d'erreurs */
.txterror 		{ 
color: red; 
text-align: center;
font-family: Verdana, Arial, serif;
font-weight: bold; 
font-size: 10pt} 

/*--------------------------------------------------------------*/
/* Corps de la  page                                                     */
/*--------------------------------------------------------------*/

#corps              {
width:100%;
margin: auto;
float:left;
background-color: white;
font-family:  Verdana, Arial, serif;
font-size: 12px;
}

#corps h1  {
color: black;
text-align: center;
font-family:  Verdana, Arial, serif;
color: #191883;
font-size: 18px;
}

#corps h2  {
font-family: Verdana, Arial, serif;
font-size: 14px;
text-align: left;
color: #191883; 
padding: 5px 5px 5px 5px;
margin: 10px 0px 0px 0px;
background-color: #f1f1ef;
border-bottom: 1px solid #709ad3;
border-left: 5px solid #709ad3;
}

#corps h3  {
padding:0px 0px 0px 0px;
color: black;
text-align: left;
font-family: Verdana, Arial, serif;
font-size: 12px;
}

/*--------------------------------------------------------------*/
/* Navigation site                                                       */
/*--------------------------------------------------------------*/

#corps  .navighaut  {
padding:none;
margin:5px 5px 0px 5px;
border-collapse:collapse;
font-family: Verdana, Arial, serif; 
font-size: 11px;
font-weight: bold; 
}

#corps  .navighaut 	th {
width:13%;
background-color : #f1f1ef;
border: 1px solid black; 
border-bottom: none; 
color: black }

#corps  .navighaut 	td {
width:13%;
background-image : url(images/header_bande_2.gif);
border-left:2px solid white;
border-right:2px solid white;
border-bottom: 1px solid black; 
padding:3px 0px 4px 0px;
color: white }

#corps  .navighaut  a		{
font-family: Verdana, Arial, serif; 
font-size: 11px;
color: white }

#corps  .navighaut  h1	{ 
font-family: Verdana, Arial, serif;
font-size: 11px; 
font-weight: bold; 
color: black;
text-align: center;
margin:0px 0px 0px 0px;
}

/*--------------------------------------------------------------*/
/* Liens haut de page                                                  */
/*--------------------------------------------------------------*/

#corps .lien  		{ 
padding:none;
margin:none;
width:100%;
background-color: #f1f1ef;
border-collapse:separate;
border-top: none; 
font-family: Verdana, Arial, serif; 
line-height :17px;
text-align:left
}
#corps .lien  td		{ 
padding:5px 5px 5px 5px;
margin:auto;
color:black;
font-size: 12px;
}

#corps .lien  a	{ 
font-family: Verdana, Arial, serif;
font-size: 12px; 
color: blue;
}
#corps  .lien  h1	{ 
font-family: Verdana, Arial, serif;
font-size: 12px; 
color: black;
text-align: left;
margin:0px 0px 0px 0px;
}

/* ----------------------------*/
/* Corps de page - titre */
/* ----------------------------*/
.partenaire	{ 
background-color: #f1f1ef;
border: none;
font-family: Verdana, Arial, serif; 
font-size: 11px;
font-weight: bold;
}
.partenaire	td { 
padding: 5px 10px 5px 5px;
}

.promo	{ 
background-color: silver;
   border: 1px solid red;
vertical-align:top;
   padding: 10px 20px 10px 20px;
font-family: Verdana, Arial, serif; 
font-size: 12px;
font-weight: bold;
color:black;
text-align: left;
}

.code 	{
background-color: white;
border: 1px dashed silver;
border-left: 15px solid #b6deff;
border-right: 1px solid silver;
padding: 5px 5px 5px 5px;
color: grey;
font-family: Verdana, Arial, serif; 
font-size: small;
}

.fenetre 	{
text-align:center;
background-color: white;
border: 1px solid #709ad3;
border-top: 15px solid #709ad3;
border-bottom: 15px solid #709ad3;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
color: grey;
font-family: Verdana, Arial, serif; 
font-size: small;
}

 .telechargement  a {
/* Les paragraphes commenceront 30 pixels sur la droite */
vertical-align: middle;
font-family: Verdana, Arial, serif;
font-size: 14px;
}

#corps  .titre h1 	{
background-image: url(images/haut_principal.gif);
height: 22px;
padding: 3px 3px 3px 3px;
margin: 0px 0px 0px 0px;
text-align: center;
color: #191883;
font-family: Verdana, Arial, serif; 
font-size: 16px;
}

.corps	{ 
background-color: white;
border: 1px solid silver;
vertical-align:top;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
font-family: Verdana, Arial, serif; 
font-size: 12px;
color:black;
text-align: left;
width:100%;}

.corps  p	{ 
text-indent: 10px ;
text-align: justify;
font-family: Verdana, Arial, serif; 
font-size: small;
}
.corps  a	{ 
font-family: Verdana, Arial, serif; 
font-size: small;
color: blue;
font-weight: bold;
}

.corps ul {
/* Les paragraphes commenceront 30 pixels sur la droite */
list-style-image: url(images/puce2.gif);
color: black;
text-align: left;
font-family: Verdana, Arial, serif;
font-size: small;
   padding: 0px 0px 0px 20px;

}
.corps li {
/* Les paragraphes commenceront 30 pixels sur la droite */
margin: 4px 5px 4px 5px;
}


#corps .corps .commandez p  {
font-family: Verdana, Arial, serif;
font-size: 14px;
text-align: center;
color: #191883; 
padding: 10px 5px 10px 5px;
margin: 0px 0px 0px 0px;
}


/* ----------------------------*/
/* Tableaux                      */
/* ----------------------------*/

.tableau  /* Les cellules d'en-tête */
{
margin:auto;
width:90%;
border-collapse: collapse;
}
.tableau th /* Les cellules d'en-tête */
{
border: 1px solid silver;
padding: 5px 5px 5px 5px;
background-color: #b6deff;
color: #191883;
font-weight: bold;
font-size: small;
font-family: Verdana, Arial, serif;
text-align: center;
 }  

.tableau td /* Les cellules*/   
{
border: 1px solid silver;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
color: black;
font-size: small;
font-family: Verdana, Arial, serif;
text-align: center;
} 

/* ----------------------------*/
/* Astuces                        */
/* ----------------------------*/

.astuce  /* Les cellules*/   
{
width: 100%;
border: 1px solid silver;
background-color: #ffe5a5;
padding: 5px 5px 5px 5px;
} 

.astuce p /* Les cellules*/   
{
padding: 0px 0px 0px 0px;
color: black;
text-indent: 10px ;
font-size: small;
font-family: Verdana, Arial, serif;
text-align: left;
} 
 
.astuce a {
/* Les paragraphes commenceront 30 pixels sur la droite */
color: blue;
font-weight: bold;
font-family: Verdana, Arial, serif;
font-size: 12px;
}

.astuce h1 {
/* Les paragraphes commenceront 30 pixels sur la droite */
padding: 5px 0px 5px 0px;
color: black;
font-family: Verdana, Arial, serif;
font-size: 12px;
}

/* ----------------------------*/
/* Telechargement            */
/* ----------------------------*/
  .telechargement  /* Les cellules*/   
{
   border: 0px;
   padding: 5px 5px 10px 5px;
   color: black;
   font-size: 14px;
   font-family: Verdana, Arial, serif;
   vertical-align: middle;
 } 


/*--------------------------------------------------------------*/
/* balise                                                                        */
/*--------------------------------------------------------------*/

p {
/* text-indent: 15px; /* Les paragraphes commenceront 30 pixels sur la droite */
color: black;
font-family: Verdana, Arial, serif;
font-size: 10pt
}

/*--------------------------------------------------------------*/
/* ANNUAIRE                                                                  */
/*--------------------------------------------------------------*/
.categorie_annuaire  /* Les cellules d'en-tête */
{
margin:auto;
width:90%;
border: 1px solid silver;
border-collapse: separate;
}
.categorie_annuaire td /* Les cellules d'en-tête */
{
background-color: #ffe5a5;
padding: 5px 10px 5px 10px ;
text-align:center;
}


.site_annuaire  /* Les cellules d'en-tête */
{
margin:auto;
width:90%;
border: 1px solid silver;
border-collapse: separate;
}
.site_annuaire td /* Les cellules d'en-tête */
{
background-color: #ffe5a5;
padding: 5px 10px 5px 10px ;
}


/* Description des sites */
.description_site_annuaire { 
font-family: Verdana, Arial, serif; 
font-size: 12px;
margin: 5px 5px 5px 10px ;
}


.text_index_annuaire {  }

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire {
font-family: Verdana, Arial, serif;
font-size: 12px;
font-weight: bold;
text-align: center; 
color: blue;
}

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { 
font-family: Verdana, Arial, serif;
text-align: center; 
font-size: 12px; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { 
font-family: Verdana, Arial, serif;
font-size: 12px;
text-align: center; 
 }


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { 
font-family: Verdana, Arial, serif;
text-align: center; 
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 { 
padding: 10px 10px 10px 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
/*font-weight: bold; */
font-family: Verdana, Arial, serif;
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 {
font-family: Verdana, Arial, serif; 
font-size: 12px
}

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire {  
font-family: Verdana, Arial, serif; 
font-size: 12px
}

/* Date de validation des sites */
.date_validation_site_annuaire {
font-family: Verdana, Arial, serif; 
font-size: 12px
}


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


/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire {
font-family: Verdana, Arial, serif; 
font-size: 12px
 }

/* Lien pour voter pour les sites */
a.vote_site_annuaire {
font-family: Verdana, Arial, serif; 
font-size: 12px
 }


/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire { 
font-family: Verdana, Arial, serif; 
font-size: 12px
 }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire {
font-family: Verdana, Arial, serif; 
font-size: 12px
 }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire {
font-family: Verdana, Arial, serif; 
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: #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...
*/
.search_annuaire {
color: black; 
font-family: Verdana, Arial, serif; 
font-size: 12px
}

.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 {
font-family: Arial, Verdana, serif; 
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-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,...) */
/* Navigation haute */
.top_link_annuaire		{ 
font-weight: bold;
font-family: Arial, Verdana, serif; 
font-size: 12px;
text-align: center;
}
.top_link_annuaire a { 
font-weight: bold;
font-family: Arial, Verdana, serif; 
font-size: 12px;
text-align: center;
}

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire {
font-weight: normal;
font-family: Arial, Verdana, serif; 
font-size: 12px;
text-align: center;
  }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire {  
font-weight: bold;
font-family: Arial, Verdana, serif; 
font-size: 12px;
text-align: center;
}

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

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



/* Affichage du Serach module  */

form {
  text-align: center;
}