/**
 * @file
 * styles.css
 * La feuille de style d'antiquite-en-france.com
 *
 */

/*
////////////
//////////// Les balises HTML standard
////////////
*/

body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
   
    font-size:100%;
    color:#333333;
    font-family: Arial, Helvetica, sans-serif;
}

        /* La page contenue dans le body */
.main{
    background-color:#DBBB6D;
    background-image:url(/img/navigation/fond.gif);
    background-repeat:repeat-y;
    min-width:600px;
}

img{
    border:0px;
}

        /* Le titre le la page */
h1{
    color:#800000;
    font-size:140%;
    
    height:38px;
    padding-top:2px;
    padding-left:20px;

    background-image:url(/img/navigation/fond_h1.jpg);
    background-repeat:no-repeat;    
}

h2{
    color:#550000;
    font-size:130%;
    
    height:40px;
    padding-top:2px;
    padding-left:20px;
    margin-left:20px;
    
    background-image:url(/img/navigation/fond_h2.jpg);
    background-repeat:no-repeat;
    
}

h2 a{
    color:#FFCC66;
    text-decoration:none;
    display:inline;
}

h2.ssTitre{
    text-align:right;
    font-size:100%;
    background:none;
}

        /* Le style de la barre horizontale */
hr{
    width:50%;
    border:1px solid #996666;
}

p{
    text-align:justify;
}
/*
////////////
//////////// Les tableaux
////////////
*/

td{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}


/*
////////////
//////////// Message d'information important
////////////
*/

.alert{
    text-align:center;
    color:#FF0000;
    font-size:100%;
}

/*
////////////
//////////// Les liens
////////////
*/

a{
    color:#EEEEEE;
    text-decoration:none;
}

a:hover{
    color:#FFFFCC; /* jaune très pale */
    text-decoration: underline;
}

/*
////////////
//////////// Les formulaires
////////////
*/

textarea{
    font-size:100%;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
}

select{
    font-size:100%;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
}

input {
    font-size:100%;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}

/*
////////////
//////////// en tête de la page
////////////
*/

#header{
    padding:0px;
    margin:0px;
    background-color:#DBBB6D;
    height:100px;
    width:100%;
}

#logo img{
  width:140px;
  height:70px;
  padding:0px;
  padding-top:10px;
  margin:0px;
  margin-left:7px;
}

#print{
    margin-left:10px;
}

#drapeaux{
    width:100%;
    background-repeat:repeat-x;
    background-color:#E3DEC5;
    text-align:right;
    right:0px;
    height:26px;
}

#drapeaux img{
    padding-top:2px;
    width:30px;
    height:22px;
}

#headerBottom {
    width:100%;
    background-image:url(/img/navigation/header_bottom.jpg);
    height:7px;
    font-size:1px; /* Sinon IE veut pas baisser la taille du div*/
}

/*
////////////
//////////// Les pubs
////////////
*/

.pub_728_90 {
    position:absolute;
    top:5px;
    left:0px;
    margin-left: 72px;
    width:100%;
    text-align:center;
}

.pub_468_60 {
    position:absolute;
    top:5px;
    left:0px;
    margin-left: 72px;
    width:100%;
    text-align:center;
}

.pub_468_60 img{
    width:468px;
    height:60px;
}


.pub_120_60{
    text-align:center;
    margin-bottom:10px;
}

.pub_txt{
    font-size:90%;
    margin-left:5px;
    text-align:justify;

    margin-top:10px;
    margin-bottom:10px;
}

.pub_txt a:hover{
    background-color:#FFFFEE; /* jaune très pale */
    text-decoration:none;
}


#pubDroite{
    float:right;
    text-align:right;
}
/*
////////////
//////////// Formulaire de recherche et affichage des résultats
////////////
*/

#barreRecherche{
    position:absolute;
    top:73px;
    left:160px;
}

#formRecherche{
    display:inline;
    font-size:90%;
}

    /* Le gros formulaire de recherche accompagnant les résultats. */

#formAspSeek{
    background-color:#FFFFFF;
    text-align:center;
    padding:5px;
}

#barreRechercheAspSeek{
    margin-top:5px;
    margin-bottom:5px; 
}

#optionsRecherche{
    margin-bottom:5px; 
}

.lienPageRecherche{
    text-align:center;
    font-size:90%;
}
    /* Descriptif des résultats */
#resultRechercheHeader{
    color:#000000;
}
    /* Un résultat de la recherche */
.itemResultat{
}

.titreResultRecherche{
    font-size:120%;
}

.titreResultRecherche a{
    color:#EEEEEE;
}

.titreResultRecherche a:hover{
    color:#FFFFCC;
}

    /* Indice de pertinence du résultat */
.pertinenceResultat{
    font-size:80%;  
}

.descrResultRecherche{
    font-style:italic;
}

.urlSiteResultat a{
    color:#CCFFFF;
}

/*
////////////
//////////// Barre de navigation
////////////
*/

/*
couleur des menus : CA1616 et 7E0505
couleur du texte : F2CCB3
*/

#navig{
    font-size:90%;
    float: left;
    width: 145px;
    margin: 10px 0px 60px 0px;
    padding: 0px;
}

#navig h1{
    font-size:90%;
    border-bottom:1px solid #000000;
    margin-right:15px;
    background:none;
    height:auto;
}

#navig a{
    color:#330000;
}

#navig a:hover{
    color:#990000;
}
#navig ul {
    list-style-image:url(/img/navigation/puce_menu.gif);
    margin: 0px;
    padding: 0px;
    margin-left:22px;
     list-style-position: outside;
}
#navig li{
    margin-top:3px;
}

#ssMenu{
    margin-left:5px;
    border-left:1px solid #000000;
    margin-bottom:6px;  
}

#reduireMenu{
    text-align:left;
}

#reduireMenu img{
    vertical-align:middle;
}

.menu{
    padding:5px;
    margin-left:5px;
    margin-bottom:20px;
    border-right:2px solid #E3DEC5;
    border-left:2px solid #E3DEC5;
    border-top:2px solid #E3DEC5;
    border-bottom:2px solid #E3DEC5;
}

.menuBoite{
    width:150px;
    padding:5px;
    margin-left:5px;
    margin-bottom:20px;
}


        /* Le mouseover du menu */      
.menuFond{
    position:relative;
    display:block;
    width:140px;
    height:25px;
    font-size:25px;
    margin:0px;
    padding:0px;
    margin-top:2px;
    margin-left:5px;
    background-repeat:no-repeat;
}

* html a:hover {visibility:visible}

.menuFond a:hover img{visibility:hidden}

.menuFond img{
    width:140px;
    height:25px;
    margin:0px;
    padding:0px;
    font-size:12px;
}

#triAbonnes{
    padding-bottom:10px;
}

#triAbonnes h1{
    color:#DBBB6D;
}

#triAbonnes ul{
    margin-left:12px;
    padding-left:20px;
    list-style-type:square
}

/*
////////////
//////////// Contenu de la page
////////////
*/

#contenu{
    //padding:0px 10px 50px 180px;
    padding:0px 10px 50px 20px;
    margin-bottom: 25px;
    margin-right:10px;
    margin-left:160px;
}


        /* Le texte situé à gauche */
#contenuGauche{
    margin-right:230px;
}
        /* Les boites situés à droite */
#contenuDroite{
    float:right;
    margin-left:10px;
    padding-top:60px;
}



/*
////////////
//////////// Les Boîtes
////////////
*/

        /* Une boite */
.boite{
    text-align:left;
    margin-top:10px;
}
    /* La barre de titre de la boite (elle contient le span titreBoite) */
.barreTitreBoite{
    text-align:right;
}


.titreBoite{
    color:#FFFFFF;
    background-color:#800000;
    font-weight:bold;
    font-size:90%;
    padding-right:10px;
    padding-left:10px;
}
        
.contenuBoite{
    background:url(http://www.french-antique-dealers.com/img/offres/fond_offres.jpg);
    font-size:80%;
    width:190px;
    padding-right:10px;
    padding-bottom:10px;
    border:1px solid #800000;
    background-color:#FFFFFF;
}

.contenuBoiteMenu{
    background:url(http://www.french-antique-dealers.com/img/offres/fond_offres.jpg);
    font-size:80%;
    width:130px;
    padding-right:10px;
    padding-bottom:10px;
    border:1px solid #800000;
    background-color:#FFFFFF;
}


.lienBoite{
    text-align:right;
    color:#AA4444;
    font-size:110%;
}

.lienBoite a{
    color:#AA4444;
}


#familleObjet a{
    font-weight:bold;
    color:#003399;
}

#restriction{
    margin-top:5px;
    margin-bottom:10px;
    color:#800000;
}

#restriction a{
    color:#800000;
}

.nbreRestriction{
    font-weight:bold;
    color:#000000;
}

.pagination{
    border:1px solid #FFFFFF;
    background-color:#E3DEC5;
    text-align:right;
}

.pagination a{
    color:#000000;
}


.pagination a:hover{
    color:red;
}

/*
////////////
//////////// Affichage du résumé d'un objet
////////////
*/

.listeResume{
    float:left;
    width:650px;
    text-align:left
    margin-right:230px;
}

.objetResume{
    width:160px;
    height:100%;
    font-size:75%;
    margin:10px auto 10px auto;
    border:1px solid #FFFFFF;
    background-image:url(img/fond_resume.jpg);
}

.objetResumeVide{
    width:160px;
    height:100%;
    font-size:75%;
    margin:10px auto 10px auto;
}
        /* Le nom de l'objet */
.nomObjetResume{
    background:none;
    margin-top:10px;
    margin-bottom:10px;
    color:#00000;
    font-size:100%;
    text-decoration:underline;
}

h2.nomObjetResume{
    padding:0px;
    margin:0px;   
}

.imageObjetResume{
    width:175px;
}

        /* La description de l'objet */
.objetDescription{
    color:#444444;
    text-align:left;
    padding-left:5px;
}
.objetDescription a{
    color:#444444;
    text-decoration:none;
}
.objetDescription a:hover{
    color:#000000;
}

        /* Le nom de la boutique possédant l'objet*/
.objetResumeNomBoutique{    
}

        /* Le lien permettant d'avoir plus de détails sur l'objet */
.savoirPlus{
    text-align:right;
}

.savoirPlus a{
    font-weight:bold;
    color:#800000;
    margin-right:5px;
    padding-bottom:10px;
}

/*
////////////
//////////// Affichage de la fiche d'un objet
////////////
*/

#objetFiche{
    margin:5px;
    padding:15px;
    /*margin-left:auto;
    margin-right:auto;*/
    border-top:1px solid #F6DCC7;
    border-left:1px solid #F6DCC7;
    border-bottom:1px solid #997D66;
    border-right:1px solid #997D66;
    color:#800000;
    background-color:#E3DEC5;
}

h2.nomObjet{
    text-align:center;
    background:none;
    margin:0px;
    padding:0px;
    margin-top:10px;
    margin-bottom:10px;
    color:#000000;
}



        /* La photo */
#photoObjet{
    width:400px;
    height:400px;
    text-align:center;
    padding:10px 0px 0px 10px;
}

        /* le commentaire de la photo */
#commentaireCourant{
    font-style:italic;
}

        /* Description de l'objet */
#descriptionObjet{
    padding:0px 10px 0px 10px;
}

        /* Le nom de l'objet */
.nomInfoObjet{
    font-family:cursive;
    color:#000000;
}

        /* Les informations de l'objet */
#objetDonnees{
    margin:0px 10px 0px 10px;
    color:#000000;
}

        /* La zone d'affichage des vignettes */
#photosVignettes{
    text-align:left;
    padding:0px 10px 20px 10px;
    width:100%;
}

#photosVignettes img{
    vertical-align:top;
}
    /* Affichage d'une vignette */
.photoVignette{
    width:120px;
    height:120px;
}


/*
////////////
//////////// Les liens
////////////
*/

#indexLiens{
    text-align:center;  
}

#catLiens{
    text-align:center;
}

.tableLiens{
    width:85%;  
}

.tableLiens td{
    vertical-align:top;
    width:50%;
    padding-top:10px;
}

.categorieLien{
    font-size:120%;
}

.nbreLiens{
}

.titreLien{
    background-image:none;
    padding:0px;
    margin:0px;
    font-size:120%;
}

.titreLien a{
    color:#EEEEEE;
    text-decoration:none;
}

.titreLien a:hover{
    color:#FFFFCC; /* jaune très pale */
    text-decoration: underline;
}

.descrLien{
}

/*
////////////
//////////// Page d'accueil du coin des pros
////////////
*/

        /* Le message indiquant le tarif */
#tarif{
    font-size:120%;
    font-weight:bold;
    text-align:center;
}

#tarif a{
    color:#CC0000;
}

        /* Le message proposant d'emettre une requete */
#requete{
    text-align:center;
}

        /* Le login / mdp de la barre de menu */
#loginPro{
    font-size:90%;
}

        /* L'adresse d'antiquité en france */
#adressePro{
    text-align:center;
}

        /* Le lien nos offres" (page devenir membre) */
.nosOffres{
    text-align:center;
    font-size:120%;
}



/*
////////////
//////////// Gestion des objets
////////////
*/

#headerObjetPro a{
    color:#FFCC66;
    font-weight:bold;
}


.proListeObjet{
    margin:15px auto 15px auto;
    color:grey;
    border-top:2px solid #F6EDCD;
    border-left:2px solid #F6EDCD;
    border-bottom:2px solid #CFAB3C;
    border-right:2px solid #CFAB3C;
    font-size:80%;
    text-align:center;
    background-color:#FFDDAA;
}
.proListeObjet a, .proListeObjet a:hover{
    color:blue;
}

#cadreSpecialites{
    float:left;
    text-align:left;
    color:#DBBB6D;
    background-color:#EEEEEE;
    font-weight:bold;
    font-size:80%;
    border:1px solid #DBBB6D;
    width:150px;
    padding:0px;
    margin:0px;
}

#cadreSpecialites a{
    color:#DBBB6D;
}

#cadreSpecialites ul{
    margin-left:5px;
    padding-left:5px;
    list-style-type:square
}


#listeFamilles{
    margin-left:150px;
}
/*
////////////
//////////// Les news
////////////
*/

.news{
    width:376px;
    margin:15px auto 15px auto;
    background-color:#FFDDAA;
    background-image:url(/img/carte_news.jpg);
    
    
    border-top:2px solid #F6EDCD;
    border-left:2px solid #F6EDCD;
    border-bottom:2px solid #CFAB3C;
    border-right:2px solid #CFAB3C;
}

        /* Le titre de la news */
.titreNews{
    text-align:center;
    color:#551111;
    font-size:120%;
}
        /* Le contenu de la news */
.contenuNews{
    margin:5px 0px 8px 0px; 
    padding:0px 5px 0px 5px;
}

        /* Le nom d'une info de news */
.nomInfoNews{
    font-weight:bold;
    font-size:90%;
    color:#292E34;
}

.dateNews{
    font-size:75%;
    font-weight:bold;
    text-align:right;
    margin: 5px 0px 5px 0px;
    color:#FFFFCC;
}

/*
////////////
//////////// Historique des contacts
////////////
*/

.dateContact{
    font-size:90%;
    color:#000000;
}

.nomContact{
    
}

.resumeContact a, .resumeContact a:hover{
    color:#660033;
}

/*
////////////
//////////// Calendrier antiquaire du mois
////////////
*/

        /* Le tableau contenant le calendrier */
.calendrier{
    
}

.annee{
    color:#993344;
    font-weight:bold;
    padding-right:20px;
}

        /* Le mois et l'image disponible / non disponible */
.mois{
    text-align:center;
    width:50px;
    padding:0px 5px 15px 5px;
}

/*
////////////
//////////// Statistiques
////////////
*/

.affStats {
    color:#000000;
    width:800px;
    margin-left:0px;
    margin-right:auto;
}

.affStats th{
    background-color:#DBBB6D;
    margin-left:10px;
    margin-right:10px;
    color:#FFFFFF;
}

.affStats td{
    text-align:center;
    width:50px;
}

td.affStatsTitre {
    background-color:#003399;
    color:#CCCCFF;
    padding:5px 3px 5px 3px;
    font-weight:normal;
}

.affStatsLight {
    background-color:#EEEEEE;   
}

.affStatsDark{
    background-color:#AAAAAA;
}

/*
////////////
//////////// Les offres
////////////
*/

.prixOffre{
    font-weight:bold;
    color:#CC0000;
    margin-top:5px;
    list-style:none;
}

    /* Le lien pour prendre contact */
.contactOffre{
    text-align:center;
    font-size:120%;
}

.nomItemPromo{
    font-weight: bold;
}


/*
////////////
//////////// Pied de page
////////////
*/

#footerTop{
    clear: both;
    width:100%;
    height:9px;
    font-size:1px; /* Sinon IE veut pas baisser la taille du div*/
    margin:0px;
    padding:0px;
    background-image:url(/img/navigation/footer_top.jpg);
    background-repeat:repeat-x;
    background-color:#DBBB6D;
}

#footerTop img {
    margin:0px;
    padding:0px;
    height:9px;
}

#footer{
    clear: both;
    width:100%;
    padding: 0px 0px 0px 0px;
    background-repeat:repeat-x;
    background-color:#E3DEC5;
    font-size: 75%;
    color:#EEEEEE;
    text-align:center;
}


        /* Les infos sur la société */
.infosLegales{
    text-align:right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color:#800000;
}


.infosLegalesTop{
    float:right;
    width:205px;
    text-align:right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    border-right:2px solid #E3DEC5;
    border-left:2px solid #E3DEC5;
    border-bottom:2px solid #E3DEC5;
}

.infosLegalesTop a{
    color:#800000;
}

.infosLegalesTop a:hover{
    color:red;
}
.infosLegales a{
    color:#800000;
}

.infosLegales a:hover{
    color:red;
}

        /* L'ensemble des liens présents */
#liensFooter{
    text-align:center;
}

#liensFooter a{
    color:#FFDDDD;
}

#liensFooter a:hover{
    color:#FFFFFF;
}

        /* La liste des sites en différentes langues */
#languesFooter{
    text-align:center;
    margin-top:5px;
}

#languesFooter a{
    padding: 0 4px 0 4px;
    color:#CCCCCC;
}

#languesFooter a:hover{
    color:#FFFF66;
}


/**
 *  Pour les post-it
 */
/* affiche une aide */
.postit {
    font-size:85%;
    border:1px solid #aaaaaa;
    background: #FFFFFF;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;

        border-radius: 5px;
        -moz-border-radius: 5px;
}
.postitJustify {
    font-size:85%;
    border:1px solid #aaaaaa;
    background: #FFFFFF;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify;

        border-radius: 5px;
        -moz-border-radius: 5px;
}


/**
 *  Pour tous les formulaires (objets, boutique etc)
 */
#formulaires {
    font-size:75%;
    border:1px solid #aaaaaa;
    background: #EEEEEE;
    padding: 2px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

#formulaires a{
    border:1px solid #aaaaaa;
    background: #FFFFFF;
    padding: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: justify;
    color:#DBBB6D;
    border-radius: 2px;
    -moz-border-radius: 2px;
}