/***** BODY *****/
body { background-image: url('img/flocon2');
}

.teteindex {
position: absolute;	/* placement du texte par-dessus l'image */
margin-top: 0px;
margin-left: 10px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
font-family: verdana, arial;
color: #003366;
font-style: italic;
font-size: 10px; 
}

.top {
position: absolute;	/* placement du texte par-dessus l'image */
margin-top: 0px;
margin-left: 250px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
font-family: verdana, arial;
color: #003366;
font-style: italic;
font-size: 10px;
}

.titreindex {
position: absolute;	/* placement du texte par-dessus l'image */
top: 30px;
left: 165px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 600px;
height: 30px;
font-family: verdana, arial;
color: #FF0000;
font-weight: bold;
font-style: italic;
font-size: 30px; 
}

.titreindex2 {
position: absolute;	/* placement du texte par-dessus l'image */
top: 70px;
left: 250px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 350px;
height: 30px;
font-family: verdana, arial;
color: #008C08;
font-weight: bold;
font-style: italic;
font-size: 20px; 
}

.titrecadeaux {
position: absolute;	/* placement du texte par-dessus l'image */
margin-top: 10px;
margin-left: 380px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 600px;
height: 30px;
font-family: verdana, arial;
color: #FF0000;
font-weight: bold;
font-style: italic;
font-size: 14px; 
}

.cadeauxmenu {
position: absolute;	/* placement du texte par-dessus l'image */
margin-top: 70px;
margin-left: 380px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 600px;
height: 30px;
font-family: verdana, arial;
color: #003366;
font-weight: bold;
font-size: 12px; 
}

.centreindex {
position: absolute;	/* placement du texte par-dessus l'image */
margin-top: 150px;
margin-left:320px;
width: 460px;
height: 200px;
font-family: Verdana; font-size: 12px; font-weight: bold; color: #008C08;
}

.centre {
position: absolute;	/* placement du texte par-dessus l'image */
top: 1em;
left: 1em;
margin-top: 10px;
margin-left: 210px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 780px;
}

.centresubmit {
position: absolute;	/* placement du texte par-dessus l'image */
top: 1em;
left: 1em;
margin-left: 200px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
}

.liens {
position: absolute;	/* placement du texte par-dessus l'image */
top: 1em;
left: 1em;
margin-top: 60px;
margin-left: 90px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 750px;
height: 100px;
font-weight: 700;
}


.espace {
top: 1em;
left: 1em;
margin-top: 0px;
left: 0px;
width: 750px;
height: 50px;
}


.titre {
position: absolute;	/* placement du texte par-dessus l'image */
margin-top: 28px;
margin-left: 165px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 600px;
height: 30px;
font-family: verdana, arial;
color: #FF0000;
font-weight: bold;
font-style: italic;
font-size: 26px; 
}

.adsense { /* on définit un conteneur pour le menu */
position: absolute;
border: 2px solid #003366;
text-align: center;
margin-top: 300px;
right:30;
width: 300px;
height: 70px;
border-style:dotted;
}

.safran { /* on définit un conteneur pour le menu */
position: absolute;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
border: 2px solid #003366;
color: #003366;
text-align: center;
margin-top: 300px;
width: 205px;
height: 250px;
border-style:dotted;
}


.haut {
top: 1em;
margin-top: 0px;
left: 0px;
background-image: url('img/marches-de-noel');
background-repeat: no-repeat;
width: 750px;
height: 100px;
}

.hautcadeaux {
position: absolute;
top: 1em;
margin-top: 0px;
left: 230px;
background-image: url('img/marches-de-noel');
background-repeat: no-repeat;
width: 750px;
height: 100px;
}


.droite { /* on définit un conteneur pour le menu */
position: absolute;
font-family: verdana, arial;
font-weight: bold;
border: 2px solid #003366;
font-size: 12px;
color: #003366;
margin-top: 0px;
right:30;
width: 310px;
height: 200px;
border-style:dotted;
}

.gaucheindex {
margin-top: 10px;
left:0; /* on place le bloc gauche à gauche en position absolue */
background-image: url('img/arbresanscontour10.jpg');
background-repeat: no-repeat;
height: 705px;
}

.xiti {
top: 10px;
left:450px; /* on place le bloc gauche à gauche en position absolue */
}


.gauche {
position: absolute;
margin-top: 162px;
left:10px; /* on place le bloc gauche à gauche en position absolue */
background-image: url('img/arbresanscontour10.jpg');
background-repeat: no-repeat;
width: 350px;
height: 750px;
}

.menunoelvert { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 20px;
margin-left:9px;
width: 180px;
border: 0px solid #003366;
font-family: verdana, arial;
font-size: 12px;
text-align: left;
border-style:dotted;

}

.menu0 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 220px;
margin-left:9px;
width: 198px;
height: 40px;
border: 2px solid #008C08;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #FF0000;
text-align: center;
border-style:dotted;

}

.menu { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 285px;
margin-left:9px;
width: 198px;
height: 25px;
border: 2px solid #008C08;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menu2 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 340px;
margin-left:9px;
width: 198px;
border: 0px dotted #003366;
font-family: verdana, arial;
font-size: 12px;
color: #003366;
text-align: center;
border-top-style:dotted; border-right-style:dotted; border-bottom-style:dotted; border-left-style:dotted

}

.menu3 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 460px;
margin-left:9px;
width: 198px;
height: 25px;
border: 0px dotted #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-top-style:dotted; border-right-style:dotted; border-bottom-style:dotted; border-left-style:dotted

}

.menu4 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 455px;
margin-left:9px;
width: 198px;
border: 3px solid #003366;
font-family: verdana, arial;
font-size: 12px;
color: #003366;
text-align: left;
border-style:dotted;

}

.menu5 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 660px;
margin-left:9px;
width: 198px;
height: 25px;
border: 3px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menu6 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 695px;
margin-left:9px;
width: 198px;
border: 3px solid #003366;
font-family: verdana, arial;
font-size: 12px;
color: #003366;
text-align: left;
border-style:dotted;

}

.menuindex { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 150px;
margin-left:0;
width: 205px;
height: 40px;
border: 1px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menuindex1 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 220px;
margin-left:0;
width: 205px;
height: 40px;
border: 1px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menuindex2 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 320px;
margin-left:0;
width: 205px;
height: 40px;
border: 1px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menucadeau { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 5px;
margin-left:0;
width: 198px;
height: 40px;
border: 0px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}


.kelkoo { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 70px;
margin-left:220px;
width: 680px;
height: 40px;
border: 1px solid #FFFFFF;
font-family: verdana, arial;
font-size: 10px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menucadeau0 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 120px;
margin-left:220px;
width: 680px;
height: 20px;
border: 1px solid #003366;
font-family: verdana, arial;
font-size: 10px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menucadeau1 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 150px;
margin-left:220px;
width: 220px;
height: 570px;
border: 1px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menucadeau2 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 150px;
margin-left:460px;
width: 220px;
height: 570px;
border: 1px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.menucadeau3 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 150px;
margin-left:700px;
width: 200px;
height: 570px;
border: 1px solid #003366;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #003366;
text-align: center;
border-style:dotted;

}

.cadeausondage1 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 310px;
margin-left:0;
border: 0px solid #003366;
font-family: verdana, arial;
font-size: 10px;
font-weight: bold;
color: #003366;
text-align: right;
border-style:dotted;

}

.cadeausondage2 { /* on définit un conteneur pour le menu */
position: absolute;
margin-top: 520px;
margin-left:0;
width: 200px;
height: 200px;
border: 0px solid #003366;
font-family: verdana, arial;
font-size: 10px;
font-weight: bold;
color: #003366;
text-align: left;
border-style:dotted;

}

/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire { font-family: Verdana; color: #008C08; }

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire { font-family: Verdana; font-size: 12px; font-weight: bold; color: #008C08;}

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-family: Verdana; font-size: 10px; color: #003366;}

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


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Verdana, sans-serif; font-size: 10px; color: #008C08;}

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { color: #008C08; font-size: 10px;}


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Verdana; font-size: 10px; color: #008C08;}

/* 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; font-size: 13px; color: #FF0000; font-weight: bold;}

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-family: Verdana; font-size: 10px; color: #008C08; }

/* Date de validation des sites */
.date_validation_site_annuaire { font-family: Verdana; font-size: 10px; color: #008C08; }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-family: Verdana; font-size: 10px; color: #008C08; }

/* Description des sites */
.description_site_annuaire { font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold;}

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire { font-family: Verdana; font-size: 10px; color: #008C08; }

/* Lien pour voter pour les sites */
a.vote_site_annuaire { font-family: Verdana; font-size: 10px; color: #008C08; }

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire { font-family: Verdana; font-size: 10px; color: #008C08; }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire { font-family: Verdana; font-size: 10px; color: #008C08; }

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

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire { font-family: Verdana; font-weight: bold; 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 { font-family: Verdana; 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 { font-family: Verdana; color: #ff0000; }

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a.type_vote_annuaire { font-family: Verdana; }


/***** 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 { font-family: Verdana; color: #ff0000; }

/* Timer pour le moteur de recherche */
.timer_search_annuaire { font-family: Verdana; font-style: italic; }

/* Texte dans les resultats d'une recherche :
Categories trouvées, Sites trouves
*/
.res_search_cat_site_annuaire { font-family: Verdana; font-weight: bold; }

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire { font-family: Verdana; }

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire { font-family: Verdana; }

/* Texte en dessous du champ pour entrer la recherche a effectuer :
Résultats par page ...
*/
.text_search_annuaire { font-family: Verdana; }

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annuaire { font-family: Verdana; }


/***** AJOUTER UN SITE *****/
/* Texte de confirmation apres la proposition d'un site dans l'annuaire */
.confirm_add_site_annuaire { font-family: Verdana; font-size: 14px; }

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annuaire { font-family: Verdana; color: #ff0000; font-weight: bold; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { font-family: Verdana; color: #ff0000; font-weight: bold; font-size: 14px; }

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annuaire { font-family: Verdana; font-size: 12px; }

/* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */
input.field_data_add_site_annuaire { font-family: Verdana; }

/* Textarea pour la description du site */
textarea.descr_add_site_annuaire { font-family: Verdana; }

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annuaire { font-family: Verdana; }

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annuaire { font-family: Verdana; }  


/***** VOTE *****/
/* Texte si on a deja vote pour le site :
Vous avez déjà voté ces dernières...
*/
.deja_vote_annuaire { font-family: Verdana; color: #ff0000; }

/* Texte apres avoir voter correctement */
.vote_ok_annuaire { font-family: Verdana; color: #009900; }

/* Texte qui apparait dans la popup avant de voter :
Vous allez pouvoir voter...
*/
.text_vote_annuaire { font-family: Verdana; font-weight: bold; }

/* Liste deroulante avec les votes possibles */
select.list_vote_site_annuaire { font-family: Verdana; }


/***** 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 { font-family: Verdana; color: #ff0000; }

/* Auteur + date d'ajout du commentaire */
.author_and_date_com_annuaire { font-family: Verdana; font-weight: bold; }

/* Texte du commentaire */
.text_com_annuaire { font-family: Verdana; }

/* Bouton pour ajouter un commentaire */
input.button_add_com_annuaire { font-family: Verdana; }

/* Texte devant les champs du formulaire d'ajout d'un commentaire */
.text_before_field_com_annuaire { font-family: Verdana; font-weight: bold; }

/* Textarea pour entrer le commentaire */
textarea.text_add_com_annuaire { font-family: Verdana; font-size: 12px; }

/* Champs nom et email pour la personne qui ajoute un commentaire */
input.champ_com_annuaire { font-family: Verdana; } 


/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annuaire { font-family: Verdana; font-size: 12px; font-weight: bold; }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: Verdana; font-size:10px; }

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { font-family: Verdana; font-size: 10px; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { font-family: Verdana; font-size: 10px; color: #003366; font-weight: bold; }

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

/* Titre des pages de l'annuaire */
.titre_annuaire { font-size: 10px; font-weight: bold; font-family: Verdana; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire { font-family: Verdana; font-size: 10px; color: #ff0000; }

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire { font-family: Verdana; }

#main {
width:682px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main h1 {
font-weight:bold;
font-size:18px;
color:#FF0000;
margin-left:
}
#main h1 a {
font-weight:bold;
font-size:18px;
color:#FF0000;
text-decoration:none;
}
#main h2 {
margin-left:225px;
font-size:14px;
color:#FF0000;
}
#main h3 {
margin-left:225px;
font-size:14px;
color:#333333;
}
#main p {
margin-left:225px;
font-size:10px;
color:#333333;
}
#main img {
float:left;
}
#main ul {
margin: 0 0 0 225px;
padding:0;
list-style-type:none;
}
#main .achat a {
display:block;
width:150px;
height:25px;
background-color:#FF0000;
color:#FFFFFF;
line-height:25px;
text-align:center;
text-decoration:none;
font-weight:bold;
}
#main .promo {
margin-top:10px;
font-size:12px;
font-weight:bold;
}
#main hr {
visibility:hidden;
height:25px;
}
.vert {
color:#009900;
}
.rouge {
color:#FF0000;
font-weight:bold;
}

a:link{color: #003366;text-decoration: underline;}